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

left_sidebar: Fix underline overlapping with login icon.

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
Show Stats 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;
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 {

10
web/templates/left_sidebar.hbs
View File

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