settings: Rename modal-footer class.

We only use "modal-footer" class in stream and user group
creation forms which is actually not a modal, so this commit
renames the class to a better name "settings-sticky-footer".
This commit is contained in:
Sahil Batra 2023-10-12 11:08:37 +05:30 committed by Tim Abbott
parent 858f8f1e48
commit eeb3b5715f
5 changed files with 9 additions and 9 deletions

View File

@ -79,8 +79,8 @@
}
}
#subscription_overlay #stream-creation .modal-footer,
#groups_overlay #user-group-creation .modal-footer {
#subscription_overlay #stream-creation .settings-sticky-footer,
#groups_overlay #user-group-creation .settings-sticky-footer {
box-shadow: inset 0 1px 0 hsl(0deg 0% 0% / 20%);
}
@ -896,8 +896,8 @@
#settings_page .sidebar-wrapper .tab-container,
.table-striped tbody tr:nth-child(even) td,
.table-striped tbody tr:nth-child(odd) th,
#subscription_overlay #stream-creation .modal-footer,
#groups_overlay #user-group-creation .modal-footer {
#subscription_overlay #stream-creation .settings-sticky-footer,
#groups_overlay #user-group-creation .settings-sticky-footer {
border-color: hsl(0deg 0% 0% / 20%);
background-color: hsl(0deg 0% 0% / 20%);
}

View File

@ -716,7 +716,7 @@ h4.user_group_setting_subsection_title {
padding: 15px 15px 0;
}
.modal-footer {
.settings-sticky-footer {
position: absolute;
bottom: 0;
width: calc(100% - 27px);
@ -728,7 +728,7 @@ h4.user_group_setting_subsection_title {
}
@media (width > $md_min) {
.modal-footer {
.settings-sticky-footer {
border-radius: 0 0 6px;
}
}

View File

@ -149,7 +149,7 @@ body {
--modal-container-subscriptions-header-height: 45px;
/* .display-type */
--modal-container-subscriptions-display-type-height: 44px;
/* .modal-footer */
/* .settings-sticky-footer */
--modal-container-subscriptions-modal-footer-height: 60px;
/*

View File

@ -44,7 +44,7 @@
</section>
</div>
</div>
<div class="modal-footer">
<div class="settings-sticky-footer">
<button class="button small white rounded" data-dismiss="modal">{{t "Cancel" }}</button>
<button class="finalize_create_stream button small sea-green rounded" type="submit">{{t "Create" }}</button>
</div>

View File

@ -29,7 +29,7 @@
</section>
</div>
</div>
<div class="modal-footer">
<div class="settings-sticky-footer">
<button class="button small white rounded" data-dismiss="modal">{{t "Cancel" }}</button>
<button class="finalize_create_user_group button small sea-green rounded" type="submit">{{t "Create" }}</button>
</div>