mirror of
https://github.com/zulip/zulip.git
synced 2025-10-23 04:52:12 +00:00
ead413f9f8
Adding "text-align: start" css to banner-label element makes sure that the banner text is not aligned as per the alignment of parent element, as we require left alignment of text for all the banners. Only navbar banners have text align in center but that is handled by adjusting the flex layout of the banner-content, parent of banner-label, element.
79 lines
1.8 KiB
CSS
79 lines
1.8 KiB
CSS
.drafts-container {
|
|
.banner-container {
|
|
margin: 0 25px 5px;
|
|
}
|
|
|
|
.header-body {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
gap: 5px;
|
|
|
|
.drafts-header-note {
|
|
text-align: left;
|
|
margin-left: 25px;
|
|
|
|
@media (width < $lg_min) {
|
|
text-align: center;
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
|
|
.delete-drafts-group {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
gap: 10px;
|
|
|
|
.delete-selected-drafts-button {
|
|
&:focus {
|
|
background-color: hsl(0deg 0% 93%);
|
|
}
|
|
}
|
|
|
|
.select-drafts-button {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 5px;
|
|
margin-right: 25px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
|
|
&:focus {
|
|
background-color: hsl(0deg 0% 93%);
|
|
}
|
|
}
|
|
|
|
.select-state-indicator {
|
|
width: 15px;
|
|
}
|
|
|
|
@media (width < $lg_min) {
|
|
margin-top: 5px;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media (width < $lg_min) {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
.drafts-list {
|
|
& h2 {
|
|
font-size: 1.1em;
|
|
line-height: normal;
|
|
margin-bottom: 5px;
|
|
white-space: pre-wrap;
|
|
}
|
|
}
|
|
|
|
.draft-selection-checkbox {
|
|
margin-top: 0.25em;
|
|
/* Required to make sure that the checkbox icon stays inside
|
|
the grid. Any value greater than 13px (original width of
|
|
the checkbox icon) will work. */
|
|
width: 15px;
|
|
}
|
|
}
|