discourse/app/assets/stylesheets/common/base/topic-admin-menu.scss

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

133 lines
2.5 KiB
SCSS
Raw Normal View History

2013-09-05 15:37:07 -04:00
// Styles for the topic admin menu
.topic-admin-popup-menu {
@include breakpoint(mobile-extra-large) {
width: calc(100% - 20px);
margin: 0 10px;
padding: 0;
padding-bottom: env(safe-area-inset-bottom);
z-index: z("modal", "popover");
@keyframes slideUp {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(0);
}
}
animation: slideUp 0.3s;
}
.mobile-view & {
z-index: z("modal", "popover");
}
}
2015-03-14 02:53:41 -04:00
2015-07-29 10:34:21 -04:00
.modal-body.feature-topic {
max-height: 70vh !important ;
padding: 0 1em;
input.date-picker {
margin: 0;
}
2015-07-29 10:34:21 -04:00
.feature-section {
display: block;
padding: 1.25em 0;
&:not(:last-of-type) {
border-bottom: 1px solid var(--primary-low);
}
2015-07-29 10:34:21 -04:00
.badge-wrapper {
margin-right: 0;
}
.desc {
display: inline-block;
vertical-align: middle;
p:first-of-type {
margin: 0;
}
p {
margin: 10px 0 0;
max-width: 31em;
2015-07-29 10:34:21 -04:00
}
2015-03-14 02:53:41 -04:00
}
.with-validation {
position: relative;
> span {
display: flex;
align-items: flex-start;
> .d-icon {
padding-top: 0.75em;
margin-right: 0.5em;
}
}
}
2015-03-14 02:53:41 -04:00
}
}
.feature-topic-modal {
.d-modal-cancel {
margin-left: 0;
}
2015-03-14 02:53:41 -04:00
}
2015-07-29 10:34:21 -04:00
.desktop-view .feature-topic-modal {
.pin-until {
position: relative;
display: inline-block;
}
.modal-inner-container {
overflow: visible;
}
.modal-footer {
background: var(--secondary);
}
}
2015-03-14 02:53:41 -04:00
.mobile-view .feature-topic .feature-section {
.desc {
display: block;
clear: both;
max-width: 90%;
margin: 0;
2015-03-14 02:53:41 -04:00
}
.badge-wrapper {
white-space: nowrap;
overflow: hidden;
max-width: 19em;
}
2015-03-14 02:53:41 -04:00
}
2018-07-20 16:37:43 -04:00
// Select posts
.selected-posts {
border: 1px solid var(--tertiary-medium);
background-color: var(--tertiary-low);
2018-07-20 16:37:43 -04:00
.btn {
border: none;
color: var(--secondary);
2018-07-20 16:37:43 -04:00
font-weight: normal;
margin-bottom: 10px;
&:not(.btn-danger) {
background: var(--tertiary);
border-color: var(--tertiary);
2018-07-20 16:37:43 -04:00
&[href] {
color: var(--secondary);
2018-07-20 16:37:43 -04:00
}
&:hover {
color: var(--secondary);
background: var(--tertiary-high);
2018-07-20 16:37:43 -04:00
}
&:active {
@include linear-gradient(var(--tertiary-hover), var(--tertiary));
color: var(--secondary);
2018-07-20 16:37:43 -04:00
}
}
&[disabled] {
text-shadow: 0 1px 0 rgba(var(--primary-rgb), 0.2);
@include linear-gradient(var(--tertiary), var(--tertiary-hover));
2018-07-20 16:37:43 -04:00
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.33);
}
}
}