github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-12-11 23:48:17 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity
85774cc214
discourse/app/assets/stylesheets/common/modal/user-status.scss

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

29 lines
417 B
SCSS
Raw Normal View History

FEATURE: user status (#16875)
2022-05-27 17:15:14 +08:00
.user-status.modal {
UX: refactor .d-modal to use BEM and improve styling (#23967) This PR refactors the following: * leaving all the CSS applied to the old `modal-body` classes in their respective files * made new clean styling for `.d-modal` and refactored the template to use the new BEM classes * `inner-`, `middle-`, `outer-` container classes are gone and replaced with simplified `wrapper` and `container` classes * use standardised max-sizes with modifiers `-large` and `-max` * lighter backdrop, * min-width to prevent puny modals * other styling changes regarding padding, close button,… * pulled out all modal overrides into a general `modal-overrides` file + cleanup of outdated CSS * pulled out login and create account modal styling into their own file, cause it's such a big override * removed old general login.scss file for mobile & desktop * only kept some remainders I don't want to touch in `app/assets/stylesheets/common/base/login.scss`
2023-11-15 18:14:47 +08:00
.d-modal {
&__footer {
.delete-status {
margin-left: auto;
margin-right: 0;
}
FEATURE: user status (#16875)
2022-05-27 17:15:14 +08:00
}
UX: refactor .d-modal to use BEM and improve styling (#23967) This PR refactors the following: * leaving all the CSS applied to the old `modal-body` classes in their respective files * made new clean styling for `.d-modal` and refactored the template to use the new BEM classes * `inner-`, `middle-`, `outer-` container classes are gone and replaced with simplified `wrapper` and `container` classes * use standardised max-sizes with modifiers `-large` and `-max` * lighter backdrop, * min-width to prevent puny modals * other styling changes regarding padding, close button,… * pulled out all modal overrides into a general `modal-overrides` file + cleanup of outdated CSS * pulled out login and create account modal styling into their own file, cause it's such a big override * removed old general login.scss file for mobile & desktop * only kept some remainders I don't want to touch in `app/assets/stylesheets/common/base/login.scss`
2023-11-15 18:14:47 +08:00
&__body {
.control-group-remove-status {
margin-top: 25px;
}
FEATURE: user status (#16875)
2022-05-27 17:15:14 +08:00
UX: refactor .d-modal to use BEM and improve styling (#23967) This PR refactors the following: * leaving all the CSS applied to the old `modal-body` classes in their respective files * made new clean styling for `.d-modal` and refactored the template to use the new BEM classes * `inner-`, `middle-`, `outer-` container classes are gone and replaced with simplified `wrapper` and `container` classes * use standardised max-sizes with modifiers `-large` and `-max` * lighter backdrop, * min-width to prevent puny modals * other styling changes regarding padding, close button,… * pulled out all modal overrides into a general `modal-overrides` file + cleanup of outdated CSS * pulled out login and create account modal styling into their own file, cause it's such a big override * removed old general login.scss file for mobile & desktop * only kept some remainders I don't want to touch in `app/assets/stylesheets/common/base/login.scss`
2023-11-15 18:14:47 +08:00
.pause-notifications {
margin-top: 1.5em;
}
FEATURE: auto remove user status after predefined period (#17236)
2022-07-05 23:12:22 +08:00
UX: refactor .d-modal to use BEM and improve styling (#23967) This PR refactors the following: * leaving all the CSS applied to the old `modal-body` classes in their respective files * made new clean styling for `.d-modal` and refactored the template to use the new BEM classes * `inner-`, `middle-`, `outer-` container classes are gone and replaced with simplified `wrapper` and `container` classes * use standardised max-sizes with modifiers `-large` and `-max` * lighter backdrop, * min-width to prevent puny modals * other styling changes regarding padding, close button,… * pulled out all modal overrides into a general `modal-overrides` file + cleanup of outdated CSS * pulled out login and create account modal styling into their own file, cause it's such a big override * removed old general login.scss file for mobile & desktop * only kept some remainders I don't want to touch in `app/assets/stylesheets/common/base/login.scss`
2023-11-15 18:14:47 +08:00
.control-label {
font-weight: 700;
}
DEV: converts user-status modal to component (#23168)
2023-08-21 22:19:21 +08:00
UX: refactor .d-modal to use BEM and improve styling (#23967) This PR refactors the following: * leaving all the CSS applied to the old `modal-body` classes in their respective files * made new clean styling for `.d-modal` and refactored the template to use the new BEM classes * `inner-`, `middle-`, `outer-` container classes are gone and replaced with simplified `wrapper` and `container` classes * use standardised max-sizes with modifiers `-large` and `-max` * lighter backdrop, * min-width to prevent puny modals * other styling changes regarding padding, close button,… * pulled out all modal overrides into a general `modal-overrides` file + cleanup of outdated CSS * pulled out login and create account modal styling into their own file, cause it's such a big override * removed old general login.scss file for mobile & desktop * only kept some remainders I don't want to touch in `app/assets/stylesheets/common/base/login.scss`
2023-11-15 18:14:47 +08:00
.tap-tile:last-child {
border: 0;
}
DEV: converts user-status modal to component (#23168)
2023-08-21 22:19:21 +08:00
}
FEATURE: user status (#16875)
2022-05-27 17:15:14 +08:00
}
}
Reference in New Issue Copy Permalink