mirror of
https://github.com/zulip/zulip.git
synced 2025-10-27 01:53:59 +00:00
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:
committed by
Tim Abbott
parent
4a7983fad3
commit
2f120d2572
@@ -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();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -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%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user