[CSS] Further dialing of sizes and media queries for a better mobile UX
This commit is contained in:
parent
80dfea6812
commit
79bb258ba6
@ -148,6 +148,10 @@ hr {
|
|||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 512px) {
|
||||||
|
html {font-size: 75%;} /*12px*/
|
||||||
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 1280px) {
|
@media only screen and (max-width: 1280px) {
|
||||||
.page-header {
|
.page-header {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -409,4 +409,16 @@ embed header {
|
|||||||
.note-sidebar .avatar {
|
.note-sidebar .avatar {
|
||||||
min-width: var(--xl) !important;
|
min-width: var(--xl) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.note-replies .note-replies {
|
||||||
|
margin-left: 0.33em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.note-replies-indicator {
|
||||||
|
content: '\201C';
|
||||||
|
font-size: 1em;
|
||||||
|
opacity: 0.66;
|
||||||
|
margin-right: 0.33em;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user