Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

stylesheets: Fix coding style to comply with stylistic rules.

This commit is contained in:
Aditya Bansal 2018-07-27 04:28:50 +05:30 committed by Tim Abbott
parent 5bca93d147
commit 5190f4c51a
13 changed files with 49 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
static/styles/input_pill.scss
View File

@ -78,7 +78,7 @@
} }
.pill-container .input.shake { .pill-container .input.shake {
animation: shake 0.3s cubic-bezier(.36,.07,.19,.97) both; animation: shake 0.3s cubic-bezier(.36, .07, .19, .97) both;
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
backface-visibility: hidden; backface-visibility: hidden;
perspective: 1000px; perspective: 1000px;

2
static/styles/left-sidebar.scss
View File

@ -33,7 +33,7 @@
margin-right: 10px; margin-right: 10px;
} }
.hashtag:empty:after { .hashtag:empty::after {
content: "#"; content: "#";
font-size: 1.3rem; font-size: 1.3rem;
font-weight: 800; font-weight: 800;

2
static/styles/media.scss
View File

@ -76,7 +76,7 @@
box-shadow: 0px 0px 5px hsla(0, 0%, 0%, 0.2); box-shadow: 0px 0px 5px hsla(0, 0%, 0%, 0.2);
} }
.nav .dropdown-menu:after { .nav .dropdown-menu::after {
right: 10px; right: 10px;
} }

14
static/styles/night_mode.scss
View File

@ -318,7 +318,7 @@ body.night-mode .mention .messagebox {
body.night-mode .user-mention, body.night-mode .user-mention,
body.night-mode .user-group-mention { body.night-mode .user-group-mention {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(0, 0%, 0%, 0.1)), color-stop(100%,hsla(0, 0%, 0%, 0.0))); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsla(0, 0%, 0%, 0.1)), color-stop(100%, hsla(0, 0%, 0%, 0.0)));
background: -webkit-linear-gradient(top, hsla(0, 0%, 0%, 0.2) 0%, hsla(0, 0%, 0%, 0.1) 100%); background: -webkit-linear-gradient(top, hsla(0, 0%, 0%, 0.2) 0%, hsla(0, 0%, 0%, 0.1) 100%);
background: -o-linear-gradient(top, hsla(0, 0%, 0%, 0.2) 0%, hsla(0, 0%, 0%, 0.1) 100%); background: -o-linear-gradient(top, hsla(0, 0%, 0%, 0.2) 0%, hsla(0, 0%, 0%, 0.1) 100%);
background: -ms-linear-gradient(top, hsla(0, 0%, 0%, 0.2) 0%, hsla(0, 0%, 0%, 0.1) 100%); background: -ms-linear-gradient(top, hsla(0, 0%, 0%, 0.2) 0%, hsla(0, 0%, 0%, 0.1) 100%);
@ -374,7 +374,7 @@ body.night-mode .alert-box .alert.alert-error::before {
/* Popover: */ /* Popover: */
body.night-mode .hotspot.overlay .hotspot-popover { body.night-mode .hotspot.overlay .hotspot-popover {
border-color: hsla(0, 0%, 0%, 0.2)!important; border-color: hsla(0, 0%, 0%, 0.2) !important;
/* Based on the `.hotspot-popover` shadow in `hotspots.css`, but with a new /* Based on the `.hotspot-popover` shadow in `hotspots.css`, but with a new
color. */ color. */
@ -456,10 +456,10 @@ body.night-mode .highlight_text_deleted {
background-color: hsla(7, 54%, 62%, 0.38); background-color: hsla(7, 54%, 62%, 0.38);
} }
body.night-mode .sub-unsub-message span:before, body.night-mode .sub-unsub-message span::before,
body.night-mode .sub-unsub-message span:after, body.night-mode .sub-unsub-message span::after,
body.night-mode .date_row span:before, body.night-mode .date_row span::before,
body.night-mode .date_row span:after { body.night-mode .date_row span::after {
opacity: 0.2; opacity: 0.2;
} }
@ -476,7 +476,7 @@ body.night-mode .email_tooltip {
background-color: #404c59; background-color: #404c59;
} }
body.night-mode .email_tooltip:after { body.night-mode .email_tooltip::after {
border-bottom-color: #404c59 !important; border-bottom-color: #404c59 !important;
} }

2
static/styles/popovers.scss
View File

@ -86,7 +86,7 @@ ul.remind_me_popover .remind_icon {
.user_popover { .user_popover {
width: 240px; width: 240px;
top: 100px!important; top: 100px !important;
margin: -14px; margin: -14px;
padding: 0; padding: 0;

4
static/styles/portico-signin.scss
View File

@ -316,7 +316,6 @@ html {
border: none; border: none;
color: hsl(0, 44%, 54%); color: hsl(0, 44%, 54%);
} }
.new-style .right-side .alert { .new-style .right-side .alert {
@ -575,7 +574,6 @@ html {
z-index: -1; z-index: -1;
border-bottom: 2px solid hsl(0, 0%, 86%); border-bottom: 2px solid hsl(0, 0%, 86%);
} }
.portico-page .or span { .portico-page .or span {
@ -620,7 +618,7 @@ button.login-google-button {
background-image: url(/static/images/landing-page/logos/google-icon.png); background-image: url(/static/images/landing-page/logos/google-icon.png);
} }
.github-wrapper:before { .github-wrapper::before {
content: "\f09b"; content: "\f09b";
position: absolute; position: absolute;

4
static/styles/pygments.scss
View File

@ -13,7 +13,7 @@
font-style: italic; font-style: italic;
} /* Comment */ } /* Comment */
.codehilite .err { .codehilite .err {
border: 1px solid #FF0000; border: 1px solid #ff0000;
} /* Error */ } /* Error */
.codehilite .k { .codehilite .k {
color: hsl(332, 70%, 38%); color: hsl(332, 70%, 38%);
@ -268,7 +268,7 @@ body.night-mode .codehilite .gu {
} }
body.night-mode .codehilite .gt { body.night-mode .codehilite .gt {
color: #0040D0; color: #0040d0;
} }
body.night-mode .codehilite .kc { body.night-mode .codehilite .kc {

4
static/styles/right-sidebar.scss
View File

@ -74,12 +74,12 @@
background-color: hsl(29, 84%, 51%); background-color: hsl(29, 84%, 51%);
background: -moz-linear-gradient(top, hsla(0, 0%, 100%, 0.0) 50%, hsla(29, 84%, 51%, 1.0) 50%); /* FF3.6+ */ background: -moz-linear-gradient(top, hsla(0, 0%, 100%, 0.0) 50%, hsla(29, 84%, 51%, 1.0) 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,hsla(0, 0%, 100%, 0.0)), color-stop(50%,hsla(29, 84%, 51%, 1.0))); /* Chrome,Safari4+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, hsla(0, 0%, 100%, 0.0)), color-stop(50%, hsla(29, 84%, 51%, 1.0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.0) 50%, hsla(29, 84%, 51%, 1.0) 50%); /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.0) 50%, hsla(29, 84%, 51%, 1.0) 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.0) 50%, hsla(29, 84%, 51%, 1.0) 50%); /* Opera 11.10+ */ background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.0) 50%, hsla(29, 84%, 51%, 1.0) 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, hsla(0, 0%, 100%, 0.0) 50%, hsla(29, 84%, 51%, 1.0) 50%); /* IE10+ */ background: -ms-linear-gradient(top, hsla(0, 0%, 100%, 0.0) 50%, hsla(29, 84%, 51%, 1.0) 50%); /* IE10+ */
background: linear-gradient(to bottom, hsla(0, 0%, 100%, 0.0) 50%, hsla(29, 84%, 51%, 1.0) 50%); /* W3C */ background: linear-gradient(to bottom, hsla(0, 0%, 100%, 0.0) 50%, hsla(29, 84%, 51%, 1.0) 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ec7e18',GradientType=0 ); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ec7e18', GradientType=0 ); /* IE6-9 */
} }
.user-status-indicator { .user-status-indicator {

12
static/styles/settings.scss
View File

@ -365,7 +365,7 @@ input[type=checkbox] + .inline-block {
#settings_page .icon-button { #settings_page .icon-button {
border-radius: 5px; border-radius: 5px;
border: 1px solid hsl(0,0%,80%); border: 1px solid hsl(0, 0%, 80%);
font-size: 14px; font-size: 14px;
padding: 3px 14px 4px 11px; padding: 3px 14px 4px 11px;
text-decoration: none; text-decoration: none;
@ -474,9 +474,9 @@ input[type=checkbox].inline-block {
} }
.remove-attachment { .remove-attachment {
margin-right: 5px !important; margin-right: 5px !important;
font-size: 1.1em !important; font-size: 1.1em !important;
padding-left: 0px !important; padding-left: 0px !important;
} }
#download_attachment { #download_attachment {
@ -1255,7 +1255,7 @@ input[type=checkbox].inline-block {
transform: translateY(-50%); transform: translateY(-50%);
} }
#settings_page .table-striped thead th.active:after { #settings_page .table-striped thead th.active::after {
content: " \f0d8"; content: " \f0d8";
white-space: pre; white-space: pre;
display: inline-block; display: inline-block;
@ -1266,7 +1266,7 @@ input[type=checkbox].inline-block {
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
#settings_page .table-striped thead th.active.descend:after { #settings_page .table-striped thead th.active.descend::after {
content: " \f0d7"; content: " \f0d7";
} }

2
static/styles/stats.scss
View File

@ -196,7 +196,7 @@ hr {
} }
} }
.spinner:before { .spinner::before {
content: ''; content: '';
box-sizing: border-box; box-sizing: border-box;
position: absolute; position: absolute;

10
static/styles/subscriptions.scss
View File

@ -496,11 +496,11 @@ form#add_new_subscription {
border-bottom: 1px solid hsl(0, 0%, 86%); border-bottom: 1px solid hsl(0, 0%, 86%);
} }
.subscriptions-container .display-type.preview:after { .subscriptions-container .display-type.preview::after {
content: "Preview"; content: "Preview";
} }
.subscriptions-container .display-type.preferences:after { .subscriptions-container .display-type.preferences::after {
content: "Preferences"; content: "Preferences";
} }
@ -721,8 +721,8 @@ form#add_new_subscription {
line-height: 1.5; line-height: 1.5;
} }
#subscription_overlay .stream-description .stream-description-editable:empty:after, #subscription_overlay .stream-description .stream-description-editable:empty::after,
.stream-row .sub-info-box .description:empty:after { .stream-row .sub-info-box .description:empty::after {
content: attr(data-no-description); content: attr(data-no-description);
font-style: italic; font-style: italic;
color: hsl(0, 0%, 66%); color: hsl(0, 0%, 66%);
@ -865,7 +865,7 @@ form#add_new_subscription {
transition: all 0.3s ease; transition: all 0.3s ease;
} }
#subscription_overlay .editable:empty:before { #subscription_overlay .editable:empty::before {
content: "\f040"; content: "\f040";
font-family: "FontAwesome"; font-family: "FontAwesome";
font-size: 0.8rem; font-size: 0.8rem;

40
static/styles/zulip.scss
View File

@ -628,11 +628,11 @@ td.pointer {
@include prefixed-user-select(none); @include prefixed-user-select(none);
} }
.include-sender .message_edit_notice:before { .include-sender .message_edit_notice::before {
content: "("; content: "(";
} }
.include-sender .message_edit_notice:after { .include-sender .message_edit_notice::after {
content: ")"; content: ")";
} }
@ -774,7 +774,7 @@ td.pointer {
text-decoration: none; text-decoration: none;
} }
.stream_label:after { .stream_label::after {
left: 100%; left: 100%;
top: 50%; top: 50%;
content: " "; content: " ";
@ -790,7 +790,7 @@ td.pointer {
-moz-transform: scale(.9999); -moz-transform: scale(.9999);
} }
.stream_label:before { .stream_label::before {
left: 100%; left: 100%;
top: 50%; top: 50%;
content: " "; content: " ";
@ -861,7 +861,8 @@ td.pointer {
.summary_row.last_message .message_header { .summary_row.last_message .message_header {
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
box-shadow: inset 0px 2px 1px -2px hsl(0, 0%, 20%), box-shadow:
inset 0px 2px 1px -2px hsl(0, 0%, 20%),
inset -2px 0px 1px -2px hsl(0, 0%, 20%), inset -2px 0px 1px -2px hsl(0, 0%, 20%),
inset 0px -2px 1px -2px hsl(0, 0%, 20%); inset 0px -2px 1px -2px hsl(0, 0%, 20%);
} }
@ -928,7 +929,6 @@ td.pointer {
@-ms-keyframes rotate { @-ms-keyframes rotate {
from { from {
-ms-transform: rotate(0deg); -ms-transform: rotate(0deg);
} }
to { to {
@ -1102,7 +1102,8 @@ td.pointer {
} }
.selected_message .messagebox-content { .selected_message .messagebox-content {
box-shadow: inset 0px 0px 0px 2px hsl(215, 47%, 50%), box-shadow:
inset 0px 0px 0px 2px hsl(215, 47%, 50%),
-1px -1px 0px 0px hsl(215, 47%, 50%), -1px -1px 0px 0px hsl(215, 47%, 50%),
1px 1px 0px 0px hsl(215, 47%, 50%), 1px 1px 0px 0px hsl(215, 47%, 50%),
-1px 1px 0px 0px hsl(215, 47%, 50%), -1px 1px 0px 0px hsl(215, 47%, 50%),
@ -1333,7 +1334,7 @@ div.focused_table {
.message_edit_content { .message_edit_content {
line-height: 18px; line-height: 18px;
resize: vertical!important; resize: vertical !important;
max-height: 24em; max-height: 24em;
} }
@ -1599,7 +1600,7 @@ blockquote p {
color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%);
} }
#tab_list li.inactive:before { #tab_list li.inactive::before {
left: 100%; left: 100%;
top: 50%; top: 50%;
content: " "; content: " ";
@ -1771,7 +1772,7 @@ blockquote p {
text-align: center; text-align: center;
} }
.nav .dropdown-menu:after { .nav .dropdown-menu::after {
position: absolute; position: absolute;
width: 0px; width: 0px;
height: 0px; height: 0px;
@ -1830,7 +1831,6 @@ nav .column-left .nav-logo {
margin-top: 8px; margin-top: 8px;
width: 25px; width: 25px;
height: 25px; height: 25px;
} }
nav .column-left .company-name { nav .column-left .company-name {
@ -2611,10 +2611,10 @@ div.topic_edit_spinner .loading_indicator_spinner {
text-transform: none; text-transform: none;
} }
.sub-unsub-message span:before, .sub-unsub-message span::before,
.sub-unsub-message span:after, .sub-unsub-message span::after,
.date_row span:before, .date_row span::before,
.date_row span:after { .date_row span::after {
display: inline-block; display: inline-block;
position: relative; position: relative;
content: " "; content: " ";
@ -2625,14 +2625,14 @@ div.topic_edit_spinner .loading_indicator_spinner {
border-bottom: 1px solid #fff; border-bottom: 1px solid #fff;
} }
.sub-unsub-message span:before, .sub-unsub-message span::before,
.date_row span:before { .date_row span::before {
right: 0.5em; right: 0.5em;
margin-left: -50%; margin-left: -50%;
} }
.sub-unsub-message span:after, .sub-unsub-message span::after,
.date_row span:after { .date_row span::after {
left: 0.5em; left: 0.5em;
margin-right: -50%; margin-right: -50%;
} }
@ -2714,7 +2714,7 @@ div.topic_edit_spinner .loading_indicator_spinner {
margin-left: 2px; margin-left: 2px;
white-space: nowrap; white-space: nowrap;
background: -moz-linear-gradient(top, hsla(0, 0%, 0%, 0.1) 0%, hsla(0, 0%, 0%, 0.0) 100%); background: -moz-linear-gradient(top, hsla(0, 0%, 0%, 0.1) 0%, hsla(0, 0%, 0%, 0.0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(0, 0%, 0%, 0.1)), color-stop(100%,hsla(0, 0%, 0%, 0.0))); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsla(0, 0%, 0%, 0.1)), color-stop(100%, hsla(0, 0%, 0%, 0.0)));
background: -webkit-linear-gradient(top, hsla(0, 0%, 0%, 0.1) 0%, hsla(0, 0%, 0%, 0.0) 100%); background: -webkit-linear-gradient(top, hsla(0, 0%, 0%, 0.1) 0%, hsla(0, 0%, 0%, 0.0) 100%);
background: -o-linear-gradient(top, hsla(0, 0%, 0%, 0.1) 0%, hsla(0, 0%, 0%, 0.0) 100%); background: -o-linear-gradient(top, hsla(0, 0%, 0%, 0.1) 0%, hsla(0, 0%, 0%, 0.0) 100%);
background: -ms-linear-gradient(top, hsla(0, 0%, 0%, 0.1) 0%, hsla(0, 0%, 0%, 0.0) 100%); background: -ms-linear-gradient(top, hsla(0, 0%, 0%, 0.1) 0%, hsla(0, 0%, 0%, 0.0) 100%);

2
templates/zerver/emails/email.css
View File

@ -167,7 +167,7 @@ a.button:hover {
.illustration { .illustration {
pointer-events: none; pointer-events: none;
cursor: default!important; cursor: default !important;
z-index: 100; z-index: 100;
} }