mirror of
https://github.com/discourse/discourse.git
synced 2024-12-02 22:53:44 +08:00
2f73316104
We had safe-area-inset-bottom still set at a wrong place which was causing issues but was also useful to some cases. This commit removes it and ensures the affected cases are corrected.
107 lines
1.8 KiB
SCSS
107 lines
1.8 KiB
SCSS
.chat-browse-view {
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
padding: 1rem 1rem env(safe-area-inset-bottom) 1rem;
|
|
|
|
&__header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
|
|
.new-channel-btn {
|
|
margin-left: auto;
|
|
}
|
|
}
|
|
|
|
&__title {
|
|
box-sizing: border-box;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
&__content_wrapper {
|
|
box-sizing: border-box;
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
&__cards {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
grid-gap: 2rem;
|
|
|
|
@include breakpoint(tablet) {
|
|
grid-template-columns: repeat(1, 1fr);
|
|
grid-gap: 1.5rem;
|
|
}
|
|
}
|
|
|
|
&__actions {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: end;
|
|
|
|
@include breakpoint(tablet) {
|
|
flex-direction: column;
|
|
|
|
.dc-filter-input-container {
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.dc-filter-input-container,
|
|
nav {
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
&__filters {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0;
|
|
&:before {
|
|
content: none; //there is a strange thing applied on nav-pills and this resets it
|
|
}
|
|
|
|
@include breakpoint(mobile-large) {
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
|
|
&__filter {
|
|
display: inline;
|
|
margin-right: 1em;
|
|
|
|
&:last-of-type {
|
|
margin-right: 0;
|
|
}
|
|
|
|
@include breakpoint(mobile-large) {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
&__filter-link,
|
|
&__filter-link:visited {
|
|
color: var(--primary);
|
|
font-size: var(--font-up-2);
|
|
padding: 0 0.25rem;
|
|
|
|
@include breakpoint(tablet) {
|
|
font-size: var(--font-up-1);
|
|
}
|
|
}
|
|
|
|
.chat-channel-card {
|
|
.chat-channel-card__leave-btn {
|
|
padding: 0;
|
|
&:hover,
|
|
&:focus {
|
|
background: none;
|
|
}
|
|
|
|
&:focus {
|
|
@include default-focus;
|
|
}
|
|
}
|
|
}
|
|
}
|