discourse/app/assets/stylesheets/common/components/keyboard_shortcuts.scss
Kane York bfc1301823 UX: Remove default focus styling from posts & topic list items
The styling is superseded by the .selected management
2018-02-22 12:21:23 +08:00

56 lines
1.1 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, .topic-post.selected {
box-shadow: -3px 0 0 $danger;
}
.mobile-view {
.topic-list tr.selected td:first-child, .topic-list-item.selected td:first-child, .topic-post.selected {
box-shadow: none;
}
}
.topic-list-item.selected {
background-color: inherit;
}
.topic-post article:focus, .topic-list tr:focus, .topic-list-item:focus {
outline: 0;
}
.keyboard-shortcuts-modal .modal-body {
max-height: 560px;
}
#keyboard-shortcuts-help {
div.row {
width: 100%;
div {
float: left;
width:32%;
}
}
ul {
list-style: none;
margin-left: 0;
li {
margin: 5px 0
}
b {
padding: 2px 6px;
border-radius: 4px;
box-shadow: shadow("kbd");
background: dark-light-choose(#fafafa, #333);
border: 1px solid dark-light-choose(#ccc, #555);
border-bottom: medium none dark-light-choose(#fff, #000);
color: dark-light-choose(#444, #aaa);
white-space: nowrap;
display: inline-block;
}
}
}