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

63 lines
1.3 KiB
SCSS
Raw Normal View History

user status: Change user status modal style to standard modal style. Tweaked by tabbott to use SCSS nesting. Fixes part of #11629.
2019-04-15 19:57:47 +02:00
.user_status_overlay {
.overlay-content {
user status: Decrease user status modal width by 20% User status modal width is decreased by 20% to make it look better with the user status message options added in the previous commit.
2019-04-23 18:10:30 +02:00
width: 384px;
user status: Change user status modal style to standard modal style. Tweaked by tabbott to use SCSS nesting. Fixes part of #11629.
2019-04-15 19:57:47 +02:00
margin: 0 auto;
position: relative;
top: calc((30vh - 50px) / 2);
border-radius: 4px;
overflow: hidden;
background-color: hsl(0, 0%, 100%);
}
user status: Add ability to edit status text.
2019-01-26 21:14:33 +01:00
user status: Change user status modal style to standard modal style. Tweaked by tabbott to use SCSS nesting. Fixes part of #11629.
2019-04-15 19:57:47 +02:00
input.user_status {
user status: Decrease user status modal width by 20% User status modal width is decreased by 20% to make it look better with the user status message options added in the previous commit.
2019-04-23 18:10:30 +02:00
width: 336px;
user status: Change user status modal style to standard modal style. Tweaked by tabbott to use SCSS nesting. Fixes part of #11629.
2019-04-15 19:57:47 +02:00
};
user status: Add ability to edit status text.
2019-01-26 21:14:33 +01:00
user status: Change user status modal style to standard modal style. Tweaked by tabbott to use SCSS nesting. Fixes part of #11629.
2019-04-15 19:57:47 +02:00
.user-status-header {
styles: Replace Sass with PostCSS. It’s about as fast as node-sass (faster, according to their benchmarks) and more flexible. Autoprefixer is neat: we can now go delete all our -moz-, -webkit-, etc. lines and have them autogenerated as necessary based on .browserslistrc. Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-08-27 01:23:48 +02:00
padding-top: 4px;
padding-bottom: 4px;
user status: Change user status modal style to standard modal style. Tweaked by tabbott to use SCSS nesting. Fixes part of #11629.
2019-04-15 19:57:47 +02:00
height: 5%;
width: 100%;
text-align: center;
border-bottom: 1px solid hsl(0, 0%, 87%);
}
user status: Add ability to edit status text.
2019-01-26 21:14:33 +01:00
user status: Change user status modal style to standard modal style. Tweaked by tabbott to use SCSS nesting. Fixes part of #11629.
2019-04-15 19:57:47 +02:00
.user-status-header h1 {
margin: 0;
font-size: 1.5em;
}
.user-status-header .exit {
font-weight: 400;
position: absolute;
top: 10px;
right: 10px;
color: hsl(0, 0%, 67%);
cursor: pointer;
}
.user-status-header .exit-sign {
position: relative;
top: 3px;
margin-left: 3px;
font-size: 1.5rem;
font-weight: 600;
cursor: pointer;
}
user status: Add user status message options to user status modal. Several user status message options are added to user status modal so that the users can pick from them. Fixes part of #11629.
2019-04-23 18:07:10 +02:00
.user-status-options {
user status: Clean up code for user status options. - Changed the <p>s to <button>s and modified the css accordingly. - Changed the css to use scss nesting. - Changed the line-height from 1.0em to 1.1em, because on Safari the "g" was not fully displayed.
2019-04-25 14:01:50 +02:00
padding: 0 20px 3px;
user status: Add user status message options to user status modal. Several user status message options are added to user status modal so that the users can pick from them. Fixes part of #11629.
2019-04-23 18:07:10 +02:00
user status: Clean up code for user status options. - Changed the <p>s to <button>s and modified the css accordingly. - Changed the css to use scss nesting. - Changed the line-height from 1.0em to 1.1em, because on Safari the "g" was not fully displayed.
2019-04-25 14:01:50 +02:00
button.user-status-value:hover {
color: hsl(200, 100%, 40%);
}
.user-status-value {
width: 100%;
text-align: left;
margin-bottom: 10px;
line-height: 1.1em;
}
user status: Add user status message options to user status modal. Several user status message options are added to user status modal so that the users can pick from them. Fixes part of #11629.
2019-04-23 18:07:10 +02:00
}
css: Fix missing newline at end of file.
2019-04-18 01:22:24 +02:00
}