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

View File

@@ -639,7 +639,7 @@ export function initialize() {
server_events.restart_get_events({dont_block: true}); 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(); settings_toggle.toggle_org_setting_collapse();
}); });

View File

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

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 { .org-settings-list {
display: none; display: none;
} }
@@ -1682,21 +1692,6 @@ $option_title_width: 180px;
display: inline-block; 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 { .admin_exports_table {
margin-bottom: 20px; margin-bottom: 20px;
} }

View File

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