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

left_sidebar: Fix underline overlapping with login icon.

Browse Source
This commit is contained in:
Aman Agrawal
2024-05-07 04:17:42 +00:00
committed by Tim Abbott
parent c0706ca9f6
commit 6e2d501b71
2 changed files with 18 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
web/styles/left_sidebar.css
View File

@@ -410,9 +410,20 @@ li.show-more-topics {
} }
} }
#login-link-container .login_button { #login-link-container {
color: var(--color-text-url);
display: flex; display: flex;
align-items: center; align-items: center;
&:hover {
cursor: pointer;
color: var(--color-text-url-hover);
&.login_button .login-text {
color: var(--color-text-url-hover);
text-decoration: underline;
}
}
} }
ul.filters { ul.filters {

10
web/templates/left_sidebar.hbs
View File

@@ -183,12 +183,14 @@
{{#unless is_guest }} {{#unless is_guest }}
<div id="subscribe-to-more-streams"></div> <div id="subscribe-to-more-streams"></div>
{{/unless}} {{/unless}}
<div id="login-link-container" class="only-visible-for-spectators"> <div class="only-visible-for-spectators">
<a class="login_button"> <div id="login-link-container" class="login_button">
<i class="zulip-icon zulip-icon-log-in" aria-hidden="true"></i> <i class="zulip-icon zulip-icon-log-in" aria-hidden="true"></i>
{{~!-- squash whitespace --~}} {{~!-- squash whitespace --~}}
{{t 'Log in to browse more channels'}} <a class="login-text">
</a> {{t 'Log in to browse more channels'}}
</a>
</div>
</div> </div>
</div> </div>
</div> </div>