discourse/app/assets/stylesheets/mobile/edit-category.scss
Penar Musaraj 6f5d8cad51
UX: Move category editing/creation to its own page (#10973)
* Move new/edit category modals to its own page

* Fix JS tests

* Minor fixes to new-category UI

* Add mobile toggle

* Use global pretender endpoint so plugins can benefit too

* Alignment fix

* Minor review fixes

* Styling refactor

* Move some SCSS out of the modal
2020-10-23 12:49:02 -04:00

50 lines
803 B
SCSS

div.edit-category {
display: block;
position: relative;
.nav-stacked {
position: absolute;
top: 3.2em;
left: -80%;
transition: left 0.2s ease;
}
.edit-category-tab,
.edit-category-footer {
background-color: var(--secondary);
transition: transform 0.2s ease;
transform: translateX(0);
}
&.expanded-menu {
.edit-category-tab,
.edit-category-footer {
transform: translateX(45%);
}
.nav-stacked {
left: 0px;
}
}
.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-footer {
padding-bottom: 2em;
}
}