mirror of
https://github.com/zulip/zulip.git
synced 2026-06-21 21:32:29 +08:00
ba51078418
The CSS linter was pretty hard to reason about. It was pretty flexible about certain things, but then it would prevent seemingly innocuous code from getting checked in. This commit overhauls the pretty-printer to be more composable, where every object in the AST knows how to render itself. It also cleans up a little bit of the pre_fluff/post_fluff logic in the parser itself, so comments are more likely to be "attached" to the AST node that make sense. The linter is actually a bit more finicky about newlines, but this is mostly a good thing, as most of the variations before this commit were pretty arbitrary.
196 lines
2.9 KiB
CSS
196 lines
2.9 KiB
CSS
.app-main {
|
|
padding: 0;
|
|
width: auto;
|
|
max-width: none;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Source Sans Pro', 'Helvetica Neue', sans-serif !important;
|
|
background-color: #fafafa;
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
p {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.svg-container {
|
|
margin: 20px;
|
|
}
|
|
|
|
.center-charts {
|
|
margin: 30px auto;
|
|
width: 790px; /* chart = 750px + 20px padding */
|
|
}
|
|
|
|
.chart-container {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
|
|
margin: 10px 0px;
|
|
padding: 20px;
|
|
|
|
border: 2px solid #eee;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.analytics-page-header {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
hr {
|
|
border-width: 2px;
|
|
}
|
|
|
|
.rangeselector text {
|
|
font-weight: 400;
|
|
}
|
|
|
|
.pie-chart .number-stat {
|
|
float: left;
|
|
font-size: 0.8em;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.chart-container:not(.pie-chart) .number-stat {
|
|
position: relative;
|
|
top: -30px;
|
|
}
|
|
|
|
.buttons button {
|
|
background-color: #f0f0f0;
|
|
}
|
|
|
|
.buttons button.selected {
|
|
background-color: #d8d8d8;
|
|
}
|
|
|
|
.pie-chart .buttons {
|
|
float: right;
|
|
}
|
|
|
|
.pie-chart .buttons button {
|
|
padding: 2px 6px;
|
|
}
|
|
|
|
.chart-container.pie-chart hr {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.chart-container button {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.chart-container h1 {
|
|
margin-top: 0px;
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
.chart-container .button-container {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.chart-container .button-container label {
|
|
margin: 3px;
|
|
}
|
|
|
|
.chart-container .button-container > * {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.alert {
|
|
display: none;
|
|
}
|
|
|
|
#id_messages_sent_over_time[last_value_is_partial='true'] .points path:last-of-type {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
#users_hover_info,
|
|
#hoverinfo {
|
|
display: none;
|
|
}
|
|
|
|
.button {
|
|
font-family: 'Source Sans Pro', 'Helvetica Neue', sans-serif !important;
|
|
border: none;
|
|
border-radius: 4px;
|
|
outline: none;
|
|
}
|
|
|
|
.button:hover {
|
|
background: hsl(0, 0%, 84%) !important;
|
|
}
|
|
|
|
.button[data-user="realm"] {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.docs_link a {
|
|
font-weight: 300;
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.tooltip-inner {
|
|
padding: 10px;
|
|
max-width: 350px;
|
|
|
|
font-size: 0.75rem;
|
|
font-weight: 400;
|
|
text-align: left;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.last-update {
|
|
margin: 0px 0px 30px 0px;
|
|
|
|
font-size: 0.8em;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
color: #aaa;
|
|
}
|
|
|
|
#users_hover_info,
|
|
#hoverinfo {
|
|
font-size: 0.8em;
|
|
font-weight: 400;
|
|
}
|
|
|
|
#users_hover_humans,
|
|
#hover_human {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
#hoverinfo,
|
|
#users_hover_info {
|
|
position: relative;
|
|
height: 0px;
|
|
top: -35px;
|
|
left: 40px;
|
|
}
|
|
|
|
#users_hover_info {
|
|
left: 25px;
|
|
top: -40px;
|
|
}
|
|
|
|
@media (min-width: 1680px) {
|
|
.center-charts {
|
|
width: calc(816px * 2); /* 790px + 4px for borders + 2px for il-block + 20px margins */
|
|
}
|
|
|
|
.center-charts .left,
|
|
.center-charts .right {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin: 0px 10px;
|
|
|
|
width: 790px;
|
|
}
|
|
}
|