paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-23 04:52:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

user_profile: Adjust the stream tab headings to look good.

Browse Source 
With the previous commits, we have now implemented the subscribe
widget with a separate heading. However, the font size and the gap
of both the heading of the widget and the streams list look bad,
so this commit fixes that.

Since the heading of both the widget and the list have the same CSS,
instead of duplicating it, we used the same class for both and
reduced the font size.
This commit is contained in:
palashb01
2023-09-09 02:16:01 +05:30
committed by Tim Abbott
parent 6321ab54ce
commit 1765ce23b0
2 changed files with 10 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
web/styles/popovers.css
View File

@@ -514,6 +514,13 @@ ul {
margin-bottom: 20px;
}
.stream-tab-element-header {
margin: 0;
display: inline-block;
font-weight: inherit;
font-size: 21px;
}
#user-profile-streams-tab {
.stream_list_info {
margin-bottom: 8px;
@@ -527,12 +534,6 @@ ul {
padding-right: 3px;
}
.subscribe-widget-header {
margin: 0;
display: inline-block;
font-weight: inherit;
}
.user_profile_subscribe_widget {
display: flex;
justify-content: space-between;
@@ -543,12 +544,7 @@ ul {
.stream-list-top-section {
display: flex;
.stream-list-header {
margin: 0;
display: inline-block;
font-weight: inherit;
}
margin-top: 12px;
.stream-search {
margin-left: auto;

4
web/templates/user_profile_modal.hbs
View File

@@ -93,13 +93,13 @@
<div class="alert stream_list_info"></div>
{{#if show_user_subscribe_widget}}
<div class="header-section">
<h3 class="subscribe-widget-header">{{t 'Subscribe {full_name} to streams'}}</h3>
<h3 class="stream-tab-element-header">{{t 'Subscribe {full_name} to streams'}}</h3>
</div>
{{> user_profile_subscribe_widget}}
{{/if}}
<div class="stream-list-top-section">
<div class="header-section">
<h3 class="stream-list-header">{{t 'Subscribed streams' }}</h3>
<h3 class="stream-tab-element-header">{{t 'Subscribed streams' }}</h3>
</div>
<input type="text" class="stream-search modal_text_input" placeholder="{{t 'Filter streams' }}" />
<button type="button" class="clear_search_button" id="clear_stream_search">