bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/modals/settings/styles.scss
Matthew Marangoni 8175ecef2f Added aria and tabbing features
- All pages in the settings modal now contain aria labels and descriptions
- Tabbing has been fixed and is now contained within the settings modal
- Tab order has been correct
- Menu's and submenus changed to container-style instead of lists
- Fixed scrolling issue caused by resize buttons in Application submenu
- aria roles have been added to all submenus
2016-07-11 10:01:09 -07:00

52 lines
892 B
SCSS
Executable File

@import "imports/ui/stylesheets/variables/_all";
.settingsMenuLeft {
border-right: 2px solid $color-gray-light;
border-top: 2px solid $color-gray-light;
float: left;
width: 30%;
height: 100%;
overflow: auto;
}
.settingsMenuRight {
border-top: 2px solid $color-gray-light;
float: right;
padding-left: 10px;
width: 70%;
height: 100%;
overflow: auto;
color: $color-heading;
}
.settingsSubmenuItem {
color: $color-heading;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 10px;
margin-bottom: 10px;
}
.settingsSubmenuItem:last-child {
color: $color-primary;
}
.settingsSubmenuItemText {
padding-left: 10px;
vertical-align: middle;
}
.settingsSubmenuItemActive {
border-right: 4px solid $color-primary;
color: $color-primary;
}
.hidden {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}