CodeCow/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2026-07-12 21:04:41 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

css: Use SCSS nesting for .draft- row, info-box and controls.

Browse Source
This commit is contained in:
Vaibhav 2019-08-16 07:08:38 +05:30 committed by Tim Abbott
parent 585b6680ae
commit 591ebb22bf
1 changed files with 58 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

112
static/styles/drafts.scss
View File

@ -69,67 +69,71 @@
.draft-row {
padding: 5px 25px;
> div {
display: inline-block;
vertical-align: top;
}
.draft-info-box {
width: 100%;
border: 1px solid hsl(0, 0%, 88%);
margin-bottom: 10px;
.draft_controls {
display: inline-block;
position: absolute;
top: 9px;
right: -80px;
font-size: 0.9em;
}
}
}
.draft-row > div {
display: inline-block;
vertical-align: top;
.draft-info-box {
&.active {
outline: 2px solid hsl(215, 47%, 50%);
}
.message_row {
border: 0;
}
.messagebox {
cursor: auto;
box-shadow: none;
}
.message_content {
line-height: 1;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 0px;
}
}
.draft-row .draft-info-box {
width: 100%;
border: 1px solid hsl(0, 0%, 88%);
margin-bottom: 10px;
}
.draft_controls {
.restore-draft {
cursor: pointer;
margin-right: 5px;
color: hsl(170, 48%, 54%);
opacity: 0.7;
.draft-row .draft-info-box .draft_controls {
display: inline-block;
position: absolute;
top: 9px;
right: -80px;
font-size: 0.9em;
}
&:hover {
opacity: 1;
}
}
.draft-info-box.active {
outline: 2px solid hsl(215, 47%, 50%);
}
.delete-draft {
cursor: pointer;
margin-left: 5px;
color: hsl(357, 52%, 57%);
opacity: 0.7;
.draft-info-box .message_row {
border: 0;
}
.draft-info-box .messagebox {
cursor: auto;
box-shadow: none;
}
.draft-info-box .message_content {
line-height: 1;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 0px;
}
.draft_controls .restore-draft {
cursor: pointer;
margin-right: 5px;
color: hsl(170, 48%, 54%);
opacity: 0.7;
}
.draft_controls .restore-draft:hover {
opacity: 1;
}
.draft_controls .delete-draft {
cursor: pointer;
margin-left: 5px;
color: hsl(357, 52%, 57%);
opacity: 0.7;
}
.draft_controls .delete-draft:hover {
opacity: 1;
&:hover {
opacity: 1;
}
}
}
@media (max-width: 1130px) {