DEV: update classes, remove unused CSS (#25825)

This commit is contained in:
Kris 2024-02-23 09:14:37 -05:00 committed by GitHub
parent 77028e3675
commit 1ac8922013
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
12 changed files with 6 additions and 212 deletions

View File

@ -1127,7 +1127,7 @@ table.permalinks {
}
.customize-form-template-view-modal {
.modal-footer {
.d-modal__footer {
.btn:last-child {
margin-left: auto;
}

View File

@ -70,13 +70,8 @@
}
}
}
.modal-footer {
display: flex;
.d-modal__footer {
justify-content: space-between;
.reset-to-default {
margin-right: 0;
}
}
}

View File

@ -15,8 +15,7 @@
min-height: 65dvh;
}
.modal-footer {
gap: 0.5em;
.d-modal__footer {
justify-content: space-between;
}

View File

@ -8,20 +8,6 @@ body.invite-page {
.invites-show,
.admin-invite-page {
.modal-inner-container {
position: relative;
}
.modal-body {
padding: 0;
}
.modal-header {
border-bottom: none;
padding: 0;
position: absolute;
top: 0.75em;
right: 0.75em;
z-index: z("max");
}
#modal-alert {
box-sizing: border-box;
display: inline-block;
@ -38,11 +24,6 @@ body.invite-page {
overflow: hidden;
display: inline;
}
.modal-footer {
.inline-spinner {
display: inline-flex;
}
}
}
#login-link,

View File

@ -160,36 +160,6 @@
color: var(--secondary-high);
}
.modal-header {
display: flex;
padding: 10px 15px;
border-bottom: 1px solid var(--primary-low);
align-items: center;
.title {
margin-right: 1em;
h3 {
margin-bottom: 0;
}
p {
margin: 0;
}
}
.modal-close {
order: 2;
margin-left: auto;
align-self: start;
padding: 0.15em 0;
.close {
color: var(--primary-high);
}
}
}
.modal-backdrop {
user-select: none;
position: fixed;
@ -262,21 +232,6 @@
margin-bottom: 0;
}
.modal-footer {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 14px 15px 10px;
border-top: 1px solid var(--primary-low);
gap: 0.3em 0;
.btn {
margin: 0 0.75em 0 0;
&[href] {
min-height: unset;
}
}
}
.modal {
.nav {
padding: 10px 30px 10px 15px;
@ -473,14 +428,6 @@
}
}
.delete-user-modal {
.modal-footer {
.btn {
line-height: var(--line-height-medium);
}
}
}
.admin-delete-user-posts-progress-modal {
.progress-bar {
height: 15px;

View File

@ -91,33 +91,6 @@
}
}
.desktop-view .feature-topic-modal {
.pin-until {
position: relative;
display: inline-block;
}
.modal-inner-container {
overflow: visible;
}
.modal-footer {
background: var(--secondary);
}
}
.mobile-view .feature-topic .feature-section {
.desc {
display: block;
clear: both;
max-width: 90%;
margin: 0;
}
.badge-category__wrapper {
white-space: nowrap;
overflow: hidden;
max-width: 19em;
}
}
// Select posts
.selected-posts {

View File

@ -1,16 +1,3 @@
.add-pm-participants.modal {
.modal-body {
max-width: 475px;
min-width: 320px;
}
.modal-header {
.modal-close {
padding-left: 0;
}
}
}
.add-pm-participants.modal .share.modal-panel {
.header {
display: flex;

View File

@ -39,10 +39,7 @@
margin: 0;
}
.d-modal__footer,
.modal-footer {
display: flex;
align-items: center;
.d-modal__footer {
justify-content: space-between;
.primary-actions {

View File

@ -158,14 +158,6 @@ input {
}
}
.bootbox.modal {
.modal-footer {
a.btn-primary {
color: var(--secondary);
}
}
}
/* bootstrap columns */
.offset {

View File

@ -32,16 +32,6 @@
}
}
.modal-footer .btn.right {
float: right;
}
.modal-header {
h3 {
font-size: var(--font-up-3);
}
}
.close {
font-size: var(--font-up-3);
text-decoration: none;

View File

@ -1,7 +1,6 @@
.invites-show {
width: 100vw;
box-sizing: border-box;
padding: 0 1em 1em;
padding: 1em;
.invitation-cta {
display: flex;

View File

@ -51,63 +51,16 @@
}
}
// we need a little extra room on mobile for the
// stuff inside the footer to fit
.modal-footer {
padding: 10px;
}
.modal-header {
padding: 10px;
h3 {
font-size: var(--font-up-2);
}
}
.close {
font-size: var(--font-up-4);
}
#choosing-topic {
p {
margin-top: 0;
padding-bottom: 0;
}
input[type="radio"] {
margin-right: 10px;
}
.category-chooser {
margin-bottom: 9px;
}
button {
margin-top: 10px;
display: block;
}
form {
margin-top: 20px;
input:not(.filter-input)[type="text"] {
box-sizing: border-box;
width: 100%;
}
}
}
@media only screen and (max-device-width: 568px) {
.modal .flag-modal-body .flag-message {
.flag-modal-body .flag-message {
height: 3em;
}
}
/* fixes for the new account confirm dialog on mobile */
.modal-inner-container {
margin-bottom: 20px;
}
/* fix for tall modals */
.fixed-modal {
@ -131,22 +84,3 @@
}
}
}
.modal .modal-body.reorder-categories {
max-height: calc(100vh - 220px);
}
.discard-draft-modal {
.modal-inner-container {
width: 250px;
}
.modal-footer {
justify-content: center;
flex-flow: column nowrap;
align-items: stretch;
.btn {
margin-right: 0;
}
}
}