IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

FIX: Mobile nav styling (#14309)

Browse Source
This commit is contained in:
Penar Musaraj 2021-09-10 15:13:26 -04:00 committed by GitHub
parent 48b01f2246
commit 6c7f4e15b6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
app/assets/stylesheets/mobile/discourse.scss
View File

@ -49,11 +49,7 @@ blockquote {
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
overflow: visible;
position: relative; position: relative;
border: 1px solid var(--primary-medium);
// Prevents the dropdowns from collapsing while content loads, so they look more like placeholders and less like dark 2px lines
min-height: 37px;
a { a {
color: var(--primary); color: var(--primary);
@ -63,24 +59,24 @@ blockquote {
} }
} }
> li > a { > li > a.expander {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 8px 10px; @include form-item-sizing;
height: 100%; border-color: var(--primary-medium);
box-sizing: border-box; max-width: 100%;
} .selection {
.expander .selection {
@include ellipsis; @include ellipsis;
max-width: 120px;
} }
.expander > .d-icon { > .d-icon {
&:last-of-type { &:last-of-type {
margin-left: auto; margin-left: auto;
margin-right: 0; margin-right: 0;
} }
} }
}
.drop { .drop {
display: none; display: none;

6
app/assets/stylesheets/mobile/user.scss
View File

@ -64,10 +64,6 @@
padding: 0; padding: 0;
flex: 1 1 auto; flex: 1 1 auto;
.select-kit-header { .select-kit-header {
.select-kit-header-wrapper {
padding: 8px 10px;
}
.caret-icon { .caret-icon {
color: var(--primary-medium); color: var(--primary-medium);
} }
@ -83,8 +79,6 @@
margin-left: 8px; margin-left: 8px;
.select-kit-header { .select-kit-header {
height: 100%;
.selected-name .name { .selected-name .name {
display: none; display: none;
} }