paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-03 21:43:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

settings: Clean up styling for save/discard buttons.

Browse Source 
This commit scales the X icon with font-size, centers it more
consistently, and scales the button height with font-size.
This commit is contained in:
evykassirer
2025-02-18 15:34:47 -08:00
committed by Tim Abbott
parent 88a5630960
commit 3cb9ebd4a0
1 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/styles/app_components.css
View File

@@ -883,13 +883,12 @@ input.settings_text_input {
.save-discard-widget-button { .save-discard-widget-button {
border-radius: 5px; border-radius: 5px;
border: 1px solid hsl(0deg 0% 80%); border: 1px solid hsl(0deg 0% 80%);
padding: 0.2143em 1em 0.2857em 0.7857em; /* 3px 14px 4px 11px at 14px/em */
text-decoration: none; text-decoration: none;
color: hsl(0deg 0% 47%); color: hsl(0deg 0% 47%);
min-width: 80px; min-width: 5.7142em; /* 80px at 14px/em */
/* Limit the height of the button */ display: flex;
line-height: 1.2; align-items: center;
vertical-align: text-bottom; height: 1.8429em; /* 25.8px at 14px/em */
&:hover, &:hover,
&:focus { &:focus {
@@ -945,7 +944,7 @@ input.settings_text_input {
.save-discard-widget-button-icon { .save-discard-widget-button-icon {
vertical-align: middle; vertical-align: middle;
margin-right: 3px; margin-right: 3px;
font-size: 15px; font-size: 1.0714em; /* 15px at 14px/em */
font-weight: 400; font-weight: 400;
} }