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

settings: Make show more tab look similar to other tabs. 

Fixes https://chat.zulip.org/#narrow/stream/101-design/topic/org.20settings.20-.20show.20more.20-.20icon.20alignment/near/1935512
Also renames `.collapse-settings-btn` to `.collapse-settings-button`.
This commit is contained in:
Shubham Padia 2024-09-02 09:22:01 +00:00 committed by Tim Abbott
parent 4a7983fad3
commit 2f120d2572
4 changed files with 16 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/click_handlers.js
View File

@ -639,7 +639,7 @@ export function initialize() {
server_events.restart_get_events({dont_block: true});
});
$("#settings_page").on("click", ".collapse-settings-btn", () => {
$("#settings_page").on("click", ".collapse-settings-button", () => {
settings_toggle.toggle_org_setting_collapse();
});

2
web/styles/dark_theme.css
View File

@ -911,7 +911,7 @@
box-shadow: 0 0 0 1px hsl(0deg 0% 0% / 33%);
}
.collapse-settings-btn:hover {
.collapse-settings-button:hover {
color: hsl(200deg 79% 66%);
}

25
web/styles/settings.css
View File

@ -1390,6 +1390,16 @@ $option_title_width: 180px;
}
}
.collapse-settings-button,
.collapse-settings-button > #toggle_collapse_chevron {
color: var(--color-text-url);
&:hover {
cursor: pointer;
color: var(--color-text-url-hover);
}
}
.org-settings-list {
display: none;
}
@ -1682,21 +1692,6 @@ $option_title_width: 180px;
display: inline-block;
}
.collapse-settings-btn {
margin: 10px 0 0 10px;
color: hsl(200deg 100% 40%);
&:hover {
cursor: pointer;
color: hsl(208deg 56% 38%);
}
}
#toggle_collapse {
margin-left: 2px;
display: inline-block;
}
.admin_exports_table {
margin-bottom: 20px;
}

8
web/templates/settings_overlay.hbs
View File

@ -131,10 +131,10 @@
</li>
{{/if}}
{{#unless is_admin}}
<div class="sidebar-item collapse-settings-btn">
<i id='toggle_collapse_chevron' class='fa fa-angle-double-down'></i>
<p id='toggle_collapse'>{{t "Show more" }}</p>
</div>
<li class="sidebar-item collapse-settings-button">
<i id='toggle_collapse_chevron' class='icon fa fa-angle-double-down'></i>
<div class="text" id='toggle_collapse'>{{t "Show more" }}</div>
</li>
{{/unless}}
</ul>
</div>