discourse/app/assets/stylesheets/common/components/keyboard_shortcuts.scss

82 lines
1.5 KiB
SCSS

.topic-list-item td:first-child,
.topic-post {
border-left: 1px solid transparent;
}
.topic-list tr.selected td:first-child,
.topic-list-item.selected td:first-child,
.latest-topic-list-item.selected,
.search-results .fps-result.selected {
box-shadow: inset 3px 0 0 $danger; // needs to be inset for Edge
}
.featured-topic.selected,
.topic-post.selected {
box-shadow: -3px 0 0 $danger;
}
.latest .featured-topic {
padding-left: 4px;
}
.topic-list-item.selected {
background-color: inherit;
}
.keyboard-shortcuts-modal .modal-body {
max-height: 560px;
}
.keyboard-shortcuts-modal .modal-inner-container {
max-width: 880px;
}
#keyboard-shortcuts-help {
display: flex;
.column {
width: 33.3%;
}
ul {
list-style: none;
margin-bottom: 2rem;
margin-left: 0;
li {
align-items: center;
display: flex;
flex-wrap: wrap;
margin-bottom: 6px;
}
span {
background: $primary-very-low;
border-radius: 3px;
display: inline-flex;
margin: 0 6px;
padding: 1px 0 5px;
}
span:first-child {
margin-left: 0;
}
kbd {
align-items: center;
box-sizing: border-box;
color: dark-light-choose(#333, #aaa);
display: inline-flex;
font-family: $base-font-family;
font-weight: bold;
height: 24px;
justify-content: center;
margin: 0 3px;
min-width: 24px;
padding: 0 6px;
vertical-align: bottom;
white-space: nowrap;
}
}
}