discourse/app/assets/stylesheets/common/topic-entrance.scss
Jarek Radosz 87769a83c4
DEV: Implement glimmer topic-list (#26743)
(experimental)

The initial implementation of glimmer topic-list and related components. Does not include new APIs and isn't compatible with existing customization. That's gonna come in future PRs.

Enabled by adding groups to `experimental_glimmer_topic_list_groups` setting.
2024-05-21 14:36:15 +02:00

41 lines
647 B
SCSS

#topic-entrance {
border: 1px solid var(--primary-low);
padding: 5px;
background: var(--secondary);
box-shadow: var(--shadow-card);
width: 133px;
@include unselectable;
&:not(.--glimmer) {
z-index: z("dropdown");
position: absolute;
button.full .d-icon {
display: block;
width: 100%;
}
}
&.--glimmer {
button.full {
display: flex;
flex-direction: column;
}
}
button.full {
width: 100%;
margin-bottom: 5px;
flex-wrap: wrap;
.d-icon {
margin: 2px auto;
transform: rotate(90deg);
}
}
button.btn.jump-bottom {
margin: 5px 0 0 0;
}
}