Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Change logo version in header based on screen size in web UI (#24707)

Browse source
This commit is contained in:
Eugen Rochko 2023-04-28 10:00:33 +02:00 • committed by GitHub
parent 2b0f1f365a
commit 6028d047b9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 29 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

19
app/javascript/styles/mastodon/components.scss
View file

@ -2396,10 +2396,9 @@ $ui-header-height: 55px;
height: $ui-header-height;
position: sticky;
top: 0;
z-index: 2;
z-index: 3;
justify-content: space-between;
align-items: center;
overflow: hidden;
&__logo {
display: inline-flex;
@ -2409,6 +2408,20 @@ $ui-header-height: 55px;
height: $ui-header-height - 30px;
width: auto;
}
.logo--wordmark {
display: none;
}
@media screen and (min-width: 320px) {
.logo--wordmark {
display: block;
}
.logo--icon {
display: none;
}
}
}
&__links {
@ -5131,7 +5144,7 @@ a.status-card.compact:hover {
background: $ui-base-color;
border-radius: 0 0 4px 4px;
box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);
z-index: 2;
z-index: 99;
font-size: 13px;
padding: 15px 5px;