forked from MapComplete/MapComplete
More CSS improvements and cleanups
This commit is contained in:
Pieter Vander Vennet
parent
6d5f4ade25
commit
257194c063
7 changed files with 128 additions and 287 deletions
209
index.css
209
index.css
|
|
@ -51,10 +51,10 @@
|
|||
border-radius: 1em;
|
||||
padding: 0.3em;
|
||||
margin: 0.25em;
|
||||
text-align: center;
|
||||
padding-top: 0.15em;
|
||||
padding-bottom: 0.15em;
|
||||
}
|
||||
text-align: center;
|
||||
padding-top: 0.15em;
|
||||
padding-bottom: 0.15em;
|
||||
}
|
||||
|
||||
form {
|
||||
display: inline;
|
||||
|
|
@ -68,36 +68,41 @@
|
|||
box-shadow: 0 0 10px #00000066;
|
||||
}
|
||||
|
||||
.soft {
|
||||
background-color: #e5f5ff;
|
||||
font-weight: bold;
|
||||
border-radius: 1em;
|
||||
padding: 0.3em;
|
||||
margin: 0.25em;
|
||||
text-align: center;
|
||||
padding-top: 0.15em;
|
||||
padding-bottom: 0.15em;
|
||||
}
|
||||
.title-font span {
|
||||
font-size: xx-large !important;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.soft {
|
||||
background-color: #e5f5ff;
|
||||
font-weight: bold;
|
||||
border-radius: 1em;
|
||||
padding: 0.3em;
|
||||
margin: 0.25em;
|
||||
text-align: center;
|
||||
padding-top: 0.15em;
|
||||
padding-bottom: 0.15em;
|
||||
}
|
||||
|
||||
|
||||
.subtle {
|
||||
color: #999;
|
||||
}
|
||||
.subtle {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.thanks {
|
||||
background-color: #43d904;
|
||||
font-weight: bold;
|
||||
border-radius: 1em;
|
||||
padding: 0.3em;
|
||||
margin: 0.25em;
|
||||
text-align: center;
|
||||
padding-top: 0.15em;
|
||||
padding-bottom: 0.15em;
|
||||
}
|
||||
.thanks {
|
||||
background-color: #43d904;
|
||||
font-weight: bold;
|
||||
border-radius: 1em;
|
||||
padding: 0.3em;
|
||||
margin: 0.25em;
|
||||
text-align: center;
|
||||
padding-top: 0.15em;
|
||||
padding-bottom: 0.15em;
|
||||
}
|
||||
|
||||
.clickable {
|
||||
pointer-events: all;
|
||||
|
|
@ -562,11 +567,6 @@
|
|||
|
||||
}
|
||||
|
||||
.wikimedia-link {
|
||||
/*The actual wikimedia logo*/
|
||||
width: 1.5em !important;
|
||||
}
|
||||
|
||||
.attribution {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
color: white;
|
||||
|
|
@ -600,25 +600,13 @@
|
|||
|
||||
.leaflet-popup-content {
|
||||
width: 40em !important;
|
||||
}
|
||||
|
||||
#messagesboxmobile .featureinfobox {
|
||||
max-height: unset;
|
||||
overflow-y: unset;
|
||||
}
|
||||
|
||||
#messagesboxmobile .featureinfobox > div {
|
||||
max-width: unset;
|
||||
padding-left: unset;
|
||||
}
|
||||
|
||||
.featureinfobox {
|
||||
max-height: 80vh;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.featureinfoboxtitle {
|
||||
position: relative;
|
||||
|
||||
.featureinfoboxtitle span {
|
||||
width: unset !important;
|
||||
}
|
||||
|
||||
.question .form-text-field > input {
|
||||
|
|
@ -626,49 +614,10 @@
|
|||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.osmlink {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.osm-logo path {
|
||||
fill: #7ebc6f;
|
||||
}
|
||||
|
||||
.featureinfoboxtitle .answer {
|
||||
display: inline;
|
||||
margin-right: 3em;
|
||||
}
|
||||
|
||||
.featureinfoboxtitle .answer-text {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.featureinfoboxtitle .editbutton {
|
||||
float: none;
|
||||
width: 0.8em;
|
||||
height: 0.8em;
|
||||
padding: 0.3em;
|
||||
border-radius: 0.35em;
|
||||
border: solid black 1px;
|
||||
margin-left: 0.5em;
|
||||
top: 0.2em;
|
||||
vertical-align: middle;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.featureinfoboxtitle span {
|
||||
font-weight: bold;
|
||||
font-size: x-large;
|
||||
}
|
||||
|
||||
.featureinfoboxtitle a {
|
||||
float: right;
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
|
||||
.infoboxcontents {
|
||||
|
|
@ -706,17 +655,6 @@
|
|||
font-weight: normal;
|
||||
}
|
||||
|
||||
.answer {
|
||||
display: inline-block;
|
||||
margin: 0.1em;
|
||||
width: 100%;
|
||||
font-size: large;
|
||||
}
|
||||
|
||||
.answer-text {
|
||||
width: 90%;
|
||||
display: inline-block
|
||||
}
|
||||
|
||||
/**** The save button *****/
|
||||
|
||||
|
|
@ -756,48 +694,47 @@
|
|||
border-radius: 1.5em;
|
||||
}
|
||||
|
||||
/****** ShareScreen *****/
|
||||
|
||||
/****** ShareScreen *****/
|
||||
|
||||
.literal-code {
|
||||
display: inline-block;
|
||||
background-color: lightgray;
|
||||
padding: 0.5em;
|
||||
word-break: break-all;
|
||||
color: black;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.literal-code {
|
||||
display: inline-block;
|
||||
background-color: lightgray;
|
||||
padding: 0.5em;
|
||||
word-break: break-all;
|
||||
color: black;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
.iframe-escape {
|
||||
background-color: white;
|
||||
border-radius: 2em;
|
||||
display: block;
|
||||
width: min-content;
|
||||
}
|
||||
.iframe-escape {
|
||||
background-color: white;
|
||||
border-radius: 2em;
|
||||
display: block;
|
||||
width: min-content;
|
||||
}
|
||||
|
||||
.iframe-escape img{
|
||||
padding: 1em;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
}
|
||||
.iframe-escape img {
|
||||
padding: 1em;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
}
|
||||
|
||||
/** Switch layout **/
|
||||
|
||||
.subtle-button {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
flex-direction: row;
|
||||
font-size: large;
|
||||
margin: 0.5em;
|
||||
background-color: #e5f5ff;
|
||||
border-radius: 1em;
|
||||
align-items: center;
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
}
|
||||
|
||||
/** Switch layout **/
|
||||
|
||||
.subtle-button{
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
flex-direction: row;
|
||||
font-size: large;
|
||||
margin: 0.5em;
|
||||
background-color: #e5f5ff;
|
||||
border-radius: 1em;
|
||||
align-items: center;
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
}
|
||||
|
||||
|
||||
.subtle-button a {
|
||||
text-decoration: unset !important;
|
||||
color: unset !important;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue