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

send_later: Remove Bootstrap `nav nav-list` CSS classes dependency. 

This is a prep commit for removing `nav nav-list` classes from all
popovers.

The send later modal, although not being a popover specifically, was the
last place in the code still using `nav nav-list` classes.
This commit is contained in:
Sayam Samal 2024-07-15 13:07:33 +05:30 committed by Tim Abbott
parent 7b9d10ae5d
commit dfc18518db
2 changed files with 23 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
web/styles/modal.css
View File

@ -527,3 +527,21 @@
#invite_users_option_tabs_container { #invite_users_option_tabs_container {
margin-bottom: 20px; margin-bottom: 20px;
} }
#send_later_options {
.send_later_list {
margin: 0;
list-style: none;
.send_later_option {
display: flex;
padding: 3px 15px;
&:focus,
&:hover {
text-decoration: none;
background-color: hsl(0deg 0% 0% / 20%);
}
}
}
}

10
web/templates/send_later_modal_options.hbs
View File

@ -1,26 +1,26 @@
<div id="send_later_options"> <div id="send_later_options">
<ul class="nav nav-list"> <ul class="send_later_list">
{{#if possible_send_later_today}} {{#if possible_send_later_today}}
{{#each possible_send_later_today}} {{#each possible_send_later_today}}
<li> <li>
<a id="{{@key}}" class="send_later_today" data-send-stamp="{{this.stamp}}" tabindex="0">{{this.text}}</a> <a id="{{@key}}" class="send_later_today send_later_option" data-send-stamp="{{this.stamp}}" tabindex="0">{{this.text}}</a>
</li> </li>
{{/each}} {{/each}}
{{/if}} {{/if}}
{{#each send_later_tomorrow}} {{#each send_later_tomorrow}}
<li> <li>
<a id="{{@key}}" class="send_later_tomorrow" data-send-stamp="{{this.stamp}}" tabindex="0">{{this.text}}</a> <a id="{{@key}}" class="send_later_tomorrow send_later_option" data-send-stamp="{{this.stamp}}" tabindex="0">{{this.text}}</a>
</li> </li>
{{/each}} {{/each}}
{{#if possible_send_later_monday }} {{#if possible_send_later_monday }}
{{#each possible_send_later_monday}} {{#each possible_send_later_monday}}
<li> <li>
<a id="{{@key}}" class="send_later_monday" data-send-stamp="{{this.stamp}}" tabindex="0">{{this.text}}</a> <a id="{{@key}}" class="send_later_monday send_later_option" data-send-stamp="{{this.stamp}}" tabindex="0">{{this.text}}</a>
</li> </li>
{{/each}} {{/each}}
{{/if}} {{/if}}
<li> <li>
<a class="send_later_custom" tabindex="0">{{t 'Custom time'}}</a> <a class="send_later_custom send_later_option" tabindex="0">{{t 'Custom time'}}</a>
</li> </li>
</ul> </ul>
</div> </div>