Bastian-Greshake-Tzovaras/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Hide controls when needed

Browse source
This commit is contained in:
Pieter Vander Vennet 2021-02-21 03:51:29 +01:00
parent 604d7863fe
commit 0e5b69f6cf
8 changed files with 671 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

51
index.css
View file

@ -16,6 +16,10 @@
z-index: 10000
}
.z-above-controls{
z-index: 10001
}
}
.btn {
@ -347,38 +351,6 @@ a {
color: var(--foreground-color);
}
.close-welcome-button {
position: absolute;
display: inline-block;
height: 100%;
background-color: var(--subtle-detail-color);
color: var(--subtle-detail-color-contrast);
box-sizing: border-box;
width: 4em;
padding: 1em;
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
}
.close-welcome-button svg {
width: 2em;
height: 2em;
}
.open-welcome-button {
box-sizing: border-box;
background: var(--subtle-detail-color);
color: var(--foreground-color);
height: 3.5em;
width: 3.5em;
padding: 0.75em;
}
.open-welcome-button svg {
width: 2em;
height: 2em;
}
#messagesbox {
/*Only shown on big screens*/
@ -438,21 +410,6 @@ a {
}
.iframe-escape {
background-color: var(--background-color);
color: var(--foreground-color);
border-radius: 2em;
display: block;
width: min-content;
}
.iframe-escape img {
padding: 1em;
width: 2em;
height: 2em;
}
/** Switch layout **/
.small-image img {
height: 1em;