mirror of
https://github.com/discourse/discourse.git
synced 2024-11-23 02:19:27 +08:00
UX: Composer and sidebar better fit (#23841)
This commit is contained in:
parent
4c584f6e03
commit
7f580a3083
|
@ -324,3 +324,37 @@ a.toggle-preview {
|
|||
background: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: $reply-area-max-width) {
|
||||
.sidebar-wrapper .sidebar-container {
|
||||
.has-sidebar-page & {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
#reply-control:not(.fullscreen) {
|
||||
.has-sidebar-page & {
|
||||
width: auto;
|
||||
max-width: calc(
|
||||
(var(--d-max-width) + (var(--d-sidebar-width) / 2)) - 1.5rem
|
||||
);
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
transform: translateX(
|
||||
calc(
|
||||
((100vw - var(--d-max-width) - (var(--d-sidebar-width) / 0.5)) / 2) +
|
||||
17em + 1rem
|
||||
)
|
||||
);
|
||||
|
||||
&.hide-preview {
|
||||
max-width: calc(740px);
|
||||
transform: translateX(
|
||||
calc(
|
||||
((100vw - 740px - var(--d-sidebar-width)) / 2) +
|
||||
var(--d-sidebar-width)
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue
Block a user