forked from ILIAS-eLearning/ILIAS
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
CSS/Maps: 42840, restore missing styling for OpenLayersMap and adjust…
… references to the pointer. Include a the new icon namend "icon_mapm.svg" (to be found in "components/ILIAS/UI/resources/images/standard") for maps because the original icon still was a PNG file. This was decided by the Iconset Task Fource on the 2th of december 2024. The icons "mm_20_blue.png" and "mm_20_shadow.png" were deleted as they are not needed anymore. https://mantis.ilias.de/view.php?id=42840
- Loading branch information
1 parent
85caa25
commit 297ad48
Showing
10 changed files
with
389 additions
and
19 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,8 +1,23 @@ | ||
| <?php | ||
|
|
||
| declare(strict_types=1); | ||
| /** | ||
| * This file is part of ILIAS, a powerful learning management system | ||
| * published by ILIAS open source e-Learning e.V. | ||
| * | ||
| * ILIAS is licensed with the GPL-3.0, | ||
| * see https://www.gnu.org/licenses/gpl-3.0.en.html | ||
| * You should have received a copy of said license along with the | ||
| * source code, too. | ||
| * | ||
| * If this is not the case or you just want to try ILIAS, you'll find | ||
| * us at: | ||
| * https://www.ilias.de | ||
| * https://github.com/ILIAS-eLearning | ||
| * | ||
| ******************************************************************** | ||
| */ | ||
|
|
||
| /* Copyright (c) 2018 - Richard Klees <[email protected]> - Extended GPL, see LICENSE */ | ||
| declare(strict_types=1); | ||
|
|
||
| /** | ||
| * User interface class for OpenLayers maps | ||
|
|
@@ -61,7 +76,6 @@ public function getHtml(): string | |
| ); | ||
|
|
||
| $this->lng->loadLanguageModule("maps"); | ||
| $this->tpl->addCss("public/node_modules/ol/ol.css"); | ||
| $this->tpl->addCss("components/ILIAS/Maps/css/service_openlayers.css"); | ||
| $this->tpl->addJavaScript("assets/js/ServiceOpenLayers.js"); | ||
|
|
||
|
|
||
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
181 changes: 181 additions & 0 deletions
181
templates/default/070-components/legacy/Services/_component_openlayers.scss
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,181 @@ | ||
| .ol-viewport, .ol-unselectable { | ||
| -webkit-touch-callout: none; | ||
| -webkit-user-select: none; | ||
| -moz-user-select: none; | ||
| -ms-user-select: none; | ||
| user-select: none; | ||
| -webkit-tap-highlight-color: rgba(0,0,0,0); | ||
| } | ||
|
|
||
| .ol-selectable { | ||
| -webkit-touch-callout: default; | ||
| -webkit-user-select: text; | ||
| -moz-user-select: text; | ||
| -ms-user-select: text; | ||
| user-select: text; | ||
| } | ||
|
|
||
| .ol-control { | ||
| position: absolute; | ||
| background-color: rgba(255,255,255,0.4); | ||
| border-radius: 4px; | ||
| padding: 2px; | ||
| } | ||
|
|
||
| .ol-control:hover { | ||
| background-color: rgba(255,255,255,0.6); | ||
| } | ||
|
|
||
| .ol-zoom { | ||
| top: .5em; | ||
| left: .5em; | ||
| } | ||
|
|
||
| .ol-rotate { | ||
| top: .5em; | ||
| right: .5em; | ||
| transition: opacity .25s linear, visibility 0s linear; | ||
| } | ||
|
|
||
| .ol-rotate.ol-hidden { | ||
| opacity: 0; | ||
| visibility: hidden; | ||
| transition: opacity .25s linear, visibility 0s linear .25s; | ||
| } | ||
|
|
||
| .ol-zoom-extent { | ||
| top: 4.643em; | ||
| left: .5em; | ||
| } | ||
|
|
||
| .ol-full-screen { | ||
| right: .5em; | ||
| top: .5em; | ||
| } | ||
|
|
||
| .ol-control button { | ||
| display: block; | ||
| margin: 1px; | ||
| padding: 0; | ||
| color: white; | ||
| font-weight: bold; | ||
| text-decoration: none; | ||
| font-size: inherit; | ||
| text-align: center; | ||
| height: 1.375em; | ||
| width: 1.375em; | ||
| line-height: .4em; | ||
| background-color: rgba(0,60,136,0.5); | ||
| border: none; | ||
| border-radius: 2px; | ||
| } | ||
|
|
||
| .ol-control button::-moz-focus-inner { | ||
| border: none; | ||
| padding: 0; | ||
| } | ||
|
|
||
| .ol-zoom-extent button { | ||
| line-height: 1.4em; | ||
| } | ||
|
|
||
| .ol-compass { | ||
| display: block; | ||
| font-weight: normal; | ||
| font-size: 1.2em; | ||
| will-change: transform; | ||
| } | ||
|
|
||
| .ol-touch .ol-control button { | ||
| font-size: 1.5em; | ||
| } | ||
|
|
||
| .ol-touch .ol-zoom-extent { | ||
| top: 5.5em; | ||
| } | ||
|
|
||
| .ol-control button:hover, | ||
| .ol-control button:focus { | ||
| text-decoration: none; | ||
| background-color: rgba(0,60,136,0.7); | ||
| } | ||
|
|
||
| .ol-zoom .ol-zoom-in { | ||
| border-radius: 2px 2px 0 0; | ||
| } | ||
|
|
||
| .ol-zoom .ol-zoom-out { | ||
| border-radius: 0 0 2px 2px; | ||
| } | ||
|
|
||
| .ol-attribution { | ||
| text-align: right; | ||
| bottom: .5em; | ||
| right: .5em; | ||
| max-width: calc(100% - 1.3em); | ||
| display: flex; | ||
| flex-flow: row-reverse; | ||
| align-items: center; | ||
| } | ||
|
|
||
| .ol-attribution a { | ||
| color: rgba(0,60,136,0.7); | ||
| text-decoration: none; | ||
| } | ||
|
|
||
| .ol-attribution ul { | ||
| margin: 0; | ||
| padding: 1px .5em; | ||
| color: #000; | ||
| text-shadow: 0 0 2px #fff; | ||
| font-size: 12px; | ||
| } | ||
|
|
||
| .ol-attribution li { | ||
| display: inline; | ||
| list-style: none; | ||
| } | ||
|
|
||
| .ol-attribution li:not(:last-child):after { | ||
| content: " "; | ||
| } | ||
|
|
||
| .ol-attribution img { | ||
| max-height: 2em; | ||
| max-width: inherit; | ||
| vertical-align: middle; | ||
| } | ||
|
|
||
| .ol-attribution button { | ||
| flex-shrink: 0; | ||
| } | ||
|
|
||
| .ol-attribution.ol-collapsed ul { | ||
| display: none; | ||
| } | ||
|
|
||
| .ol-attribution:not(.ol-collapsed) { | ||
| background: rgba(255,255,255,0.8); | ||
| } | ||
|
|
||
| .ol-attribution.ol-uncollapsible { | ||
| bottom: 0; | ||
| right: 0; | ||
| border-radius: 4px 0 0; | ||
| } | ||
|
|
||
| .ol-attribution.ol-uncollapsible img { | ||
| margin-top: -.2em; | ||
| max-height: 1.6em; | ||
| } | ||
|
|
||
| .ol-attribution.ol-uncollapsible button { | ||
| display: none; | ||
| } | ||
|
|
||
| .marker { | ||
| img { | ||
| width: 25px; | ||
| height: 25px; | ||
| } | ||
| } |
Oops, something went wrong.