Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

FEATURE: Redesign keyboard shortcut modal (#26236)

This commit is contained in:
Ella E 2024-03-19 10:11:20 -06:00 committed by GitHub
parent 29752dda2e
commit ce65a88d6a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 23 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
app/assets/stylesheets/common/components/keyboard_shortcuts.scss
View File

@ -34,10 +34,18 @@
background-color: inherit; background-color: inherit;
} }
.keyboard-shortcuts-modal { .keyboard-shortcuts-modal.d-modal.-max {
.modal-inner-container { .d-modal__container {
width: 100%; max-width: 70vw;
--modal-max-width: 80vw; }
}
.shortcut-category {
border: 1px solid var(--primary-low);
h4 {
background-color: var(--primary-very-low);
padding: 0.5rem 1rem;
} }
} }
@ -45,7 +53,7 @@
box-sizing: border-box; box-sizing: border-box;
.keyboard-shortcuts-help__container { .keyboard-shortcuts-help__container {
columns: auto 20em; columns: 2 20em; // Set maximum of 2 columns
section { section {
display: inline-block; display: inline-block;
margin-bottom: 1.5em; margin-bottom: 1.5em;
@ -74,8 +82,11 @@
li { li {
align-items: center; align-items: center;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: nowrap;
margin-bottom: 6px; flex-direction: row-reverse;
justify-content: space-between;
border-bottom: 1px solid var(--primary-low);
padding: 0.25rem 1rem;
} }
span { span {
@ -86,7 +97,11 @@
} }
span:first-child { span:first-child {
margin-left: 0; margin-right: 0;
}
span:last-child {
margin-left: auto;
} }
kbd { kbd {