ilja_space/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Css tweaks

Browse source
This commit is contained in:
Pieter Vander Vennet 2021-01-07 04:50:12 +01:00
parent 489c6fc3c0
commit 701ce3e89a
23 changed files with 1220 additions and 114 deletions
Download patch file Download diff file Expand all files Collapse all files

66
index.css
View file

@ -2,7 +2,7 @@
--subtle-detail-color: #e5f5ff;
--subtle-detail-color-contrast: black;
--subtle-detail-color-light-contrast: lightgrey;
--catch-detail-color: #3a3aeb;
--catch-detail-color-contrast: white;
--alert-color: #fee4d1;
@ -10,9 +10,8 @@
--foreground-color: black;
--popup-border: white;
--shadow-color: #00000066;
--variable-title-height: 0px; /* Set by javascript */
--return-to-the-map-height: 5em;
--variable-title-height: 0px; /*Set by javascript dynamically*/
}
html, body {
@ -40,8 +39,8 @@ a {
stroke: var(--foreground-color) !important;
}
.direction-svg svg path{
fill: var(--catch-detail-color) !important;
.direction-svg svg path {
fill: var(--catch-detail-color) !important;
}
@ -100,37 +99,38 @@ a {
box-shadow: 0 0 10px var(--shadow-color);
}
.single-layer-selection-toggle{
.single-layer-selection-toggle {
position: relative;
width: 2em;
width: 2em;
height: 2em;
}
.single-layer-selection-toggle img{
max-height: 2em !important;
max-width: 2em !important;
}
.single-layer-selection-toggle svg{
max-height:2em !important;
.single-layer-selection-toggle img {
max-height: 2em !important;
max-width: 2em !important;
}
.simple-add-ui-icon{
.single-layer-selection-toggle svg {
max-height: 2em !important;
max-width: 2em !important;
}
.simple-add-ui-icon {
position: relative;
display: block;
width: 3.5em;
width: 3.5em;
height: 3.5em;
padding-right: 0.3em;
padding-left: 0.3em;
}
.simple-add-ui-icon img{
max-height:3.5em !important;
.simple-add-ui-icon img {
max-height: 3.5em !important;
max-width: 3.5em !important;
}
.simple-add-ui-icon svg{
max-height:3.5em !important;
.simple-add-ui-icon svg {
max-height: 3.5em !important;
max-width: 3.5em !important;
}
@ -551,7 +551,7 @@ a {
height: 2.5em;
width: 2.5em;
box-sizing: border-box;
padding:0;
padding: 0;
}
.share-button svg {
@ -563,12 +563,34 @@ a {
stroke: var(--subtle-detail-color-contrast) !important;
}
.share-button svg path{
.share-button svg path {
fill: var(--subtle-detail-color-contrast) !important;
stroke: var(--subtle-detail-color-contrast) !important;
}
.share-button svg circle{
.share-button svg circle {
fill: var(--subtle-detail-color-contrast) !important;
stroke: var(--subtle-detail-color-contrast) !important;
}
.ornament {
padding-top: 1em;
padding-bottom: 1em;
display: flex;
justify-content: center;
box-sizing: border-box;
}
.ornament svg {
height: 2.5em;
width: 100%;
}
.ornament svg path {
stroke: var(--subtle-detail-color-light-contrast);
}
.ornament svg polygon {
fill: var(--subtle-detail-color-light-contrast);
}