Fix breakpoint size for editor controls

This commit is contained in:
Magnus Hovland Hoff 2018-08-21 19:02:38 +02:00
parent 096da6ef38
commit b8da0ff753

View file

@ -365,7 +365,16 @@ h1>input {
background: var(--theme-input);
}
@media (min-width: 630px) {
@media (min-width: 960px) {
/* min-width is calculated like this:
body-width = width of the main text column
controls-width = width of .editor-controls element, including drop-shadow
min-width = body-width + 2*controls-width = 600 + 2 * 180 = 960
*/
.editor-controls {
border-radius: 2px;
@ -388,6 +397,11 @@ h1>input {
transition-timing-function: cubic-bezier(.17,.84,.44,1);
opacity: 1;
}
.button {
margin: 0;
margin-bottom: 10px;
}
}
article ul.search-results {
@ -523,11 +537,6 @@ input[type="search"]::placeholder {
.search.focus .live-results {
max-height: 500px;
}
.button {
margin: 0;
margin-bottom: 10px;
}
}
.diff {