BigBlueButton/bigbluebutton-Github
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

does not show userlist border when children selected with mouse

Browse Source
This commit is contained in:
KDSBrowne 2017-09-20 12:40:16 -07:00
parent f385103935
commit d25ae89dfb
3 changed files with 12 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
bigbluebutton-html5/imports/ui/components/dropdown/component.jsx
View File

@ -157,7 +157,9 @@ class Dropdown extends Component {
aria-live={otherProps['aria-live']}
aria-relevant={otherProps['aria-relevant']}
aria-haspopup={otherProps['aria-haspopup']}
aria-label={otherProps['aria-label']}>
aria-label={otherProps['aria-label']}
tabIndex={-1}
>
{trigger}
{content}
{ this.state.isOpen ?

8
bigbluebutton-html5/imports/ui/components/user-list/styles.scss
View File

@ -10,7 +10,7 @@ $unread-messages-bg: $color-danger;
$user-list-bg: #F3F6F9;
$user-list-text: $color-gray;
$list-item-bg-hover: darken($user-list-bg, 7%);
$list-item-bg-hover: darken(#F3F6F9, 7%);
$user-thumbnail-border: $color-gray-light;
$user-thumbnail-text: $user-thumbnail-border;
@ -50,12 +50,6 @@ $user-icons-color-hover: $color-gray;
border-bottom-left-radius: 5px;
cursor: pointer;
&:hover,
&:focus {
background-color: $list-item-bg-hover;
outline: none;
}
&:first-child {
margin-top: 0;
}

14
bigbluebutton-html5/imports/ui/stylesheets/variables/focus.scss
View File

@ -2,17 +2,15 @@ $focus-border-size: 3px;
$color-primary: #0F70D7 !default;
$user-list-bg: #F3F6F9;
$color-white: #FFF;
$list-item-bg-hover: darken(#F3F6F9, 7%);
.customListFocus {
border: $focus-border-size solid $user-list-bg;
border-radius: $focus-border-size;
&,
&:active {
&:focus {
outline: none !important;
border: $focus-border-size solid $color-primary;
}
&:focus {
outline: none !important;
border: $focus-border-size solid $color-primary;
}
}
@ -21,6 +19,10 @@ $color-white: #FFF;
border: $focus-border-size solid $user-list-bg;
border-radius: $focus-border-size;
&:hover {
background-color: $list-item-bg-hover;
}
&,
&:active {
&:focus {