mirror of
https://github.com/discourse/discourse.git
synced 2024-11-28 14:48:34 +08:00
921751f128
Having many elements with multiple box-shadows (e.g. in keyboard shortcuts modal) was tanking scrolling performance in some browsers.
71 lines
1.2 KiB
SCSS
71 lines
1.2 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: 2px 1px 4px;
|
|
}
|
|
|
|
span:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
kbd {
|
|
font-family: $base-font-family;
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
}
|