discourse/app/assets/stylesheets/mobile/edit-category.scss
Joe eecff3d15b
DEV: Ensures mobile RTL stylesheets are loaded (#11360)
This PR only makes CSS changes that have no visual impact, but they fix an issue in the compiler that causes some stylesheets not to load on mobile RTL.

Full context here

https://meta.discourse.org/t/user-card-will-not-open-on-the-mobile/171268/6?u=johani
2020-11-26 21:03:25 +08:00

67 lines
1.2 KiB
SCSS

div.edit-category {
display: block;
.edit-category-nav {
width: 100%;
background-color: var(--secondary);
position: relative;
border-top: 1px solid var(--primary-low);
border-bottom: 1px solid var(--primary-low);
margin: 0.5em 0;
overflow: hidden;
&:after {
background: linear-gradient(
to right,
rgba(var(--secondary-rgb), 0),
rgba(var(--secondary-rgb), 1)
);
content: "";
position: absolute;
right: 0px;
height: 100%;
width: 30px;
}
}
.nav-stacked {
white-space: nowrap;
flex-wrap: nowrap;
overflow-x: scroll;
display: inline-flex;
width: 100%;
margin-bottom: 0;
li {
font-size: $font-down-1;
border-bottom: none;
}
a.active::after {
display: none;
}
}
.edit-category-title {
justify-content: start;
align-items: center;
padding-bottom: 1em;
.menu-toggle {
order: 1;
margin-right: 1em;
}
h2 {
order: 2;
margin-bottom: 0;
@include ellipsis;
}
}
.edit-category-content {
padding: 0.5em;
}
.edit-category-footer {
padding: 0 0.5em 2em 0.5em;
}
}