discourse/app/assets/stylesheets/mobile/new-user.scss
Alan Guo Xiang Tan de071fc1e8
DEV: Convert messages user page nav to experimental redesign (#18456)
No tests are written for now as we're still in a highly iterative stage
2022-10-04 12:05:09 +08:00

66 lines
1.1 KiB
SCSS

.new-user-wrapper {
.user-nav {
flex-direction: column;
> li {
width: 100%;
.d-icon {
margin-right: 0.5em;
}
&:not(:first-of-type) {
border-top: 1px solid var(--primary-low);
}
> a,
button {
padding: 1em 0.75em;
width: 100%;
}
}
}
.user-nav-dropdown-list-item {
flex-direction: column;
}
.user-nav-dropdown-chevron {
margin-left: auto;
}
.user-nav-dropdown-button {
width: 100%;
}
.user-nav-dropdown-submenu {
box-sizing: border-box;
position: relative;
top: 0;
box-shadow: none;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
padding: 0.5em 0 1em 1.65em;
li a {
box-sizing: border-box;
padding: 0.75em 1em;
width: 100%;
@include ellipsis;
}
}
#navigation-bar {
margin-top: 1em;
display: flex;
flex-wrap: nowrap;
width: 100%;
overflow-x: scroll;
margin-bottom: 0;
padding-bottom: 0.5em;
a {
white-space: nowrap;
}
}
}