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

40 lines
1.6 KiB
SCSS
Raw Normal View History

css: Split out user_circles.scss. This is a pure code move. We want to use user circles in the left sidebar, so this code will no longer belong in right-sidebar.scss. This code is just related to drawing the circles. We can still position in size in other CSS files (with more context-specific selectors).
2019-02-17 00:29:16 +01:00
.user-status-indicator,
css: Use user_circle_fraction for group PM circles. We rename this CSS class to something super concrete, since all the associated CSS is very specifically about drawing circles.
2019-02-17 00:55:01 +01:00
.user_circle_fraction {
css: Split out user_circles.scss. This is a pure code move. We want to use user circles in the left sidebar, so this code will no longer belong in right-sidebar.scss. This code is just related to drawing the circles. We can still position in size in other CSS files (with more context-specific selectors).
2019-02-17 00:29:16 +01:00
border-radius: 50%;
border: 1px solid;
float: left;
position: relative;
top: 5px;
}
css: Avoid unused background for group PMs. The background color for group PMs is driven by specific styles in the HTML, so the CSS definition here was inaccurate.
2019-02-17 00:49:02 +01:00
.user_active .user-status-indicator {
background-color: hsl(106, 74%, 44%);
}
css: Split out user_circles.scss. This is a pure code move. We want to use user circles in the left sidebar, so this code will no longer belong in right-sidebar.scss. This code is just related to drawing the circles. We can still position in size in other CSS files (with more context-specific selectors).
2019-02-17 00:29:16 +01:00
.user_active .user-status-indicator,
css: Use user_circle_fraction for group PM circles. We rename this CSS class to something super concrete, since all the associated CSS is very specifically about drawing circles.
2019-02-17 00:55:01 +01:00
.user_circle_fraction {
css: Split out user_circles.scss. This is a pure code move. We want to use user circles in the left sidebar, so this code will no longer belong in right-sidebar.scss. This code is just related to drawing the circles. We can still position in size in other CSS files (with more context-specific selectors).
2019-02-17 00:29:16 +01:00
border-color: hsl(106, 74%, 44%);
}
.user_idle .user-status-indicator {
border-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: -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: -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: 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; filters only work with hex colors */
}
// We show "away" users identically to long-gone
// users, but this may change.
.user_away_me .user-status-indicator,
.user_away_them .user-status-indicator,
.user-status-indicator {
background-color: none;
border-color: hsl(0, 0%, 50%);
}