8175ecef2f
- 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
118 lines
1.8 KiB
SCSS
Executable File
118 lines
1.8 KiB
SCSS
Executable File
@import "imports/ui/stylesheets/variables/_all";
|
|
|
|
/* General Submenu */
|
|
.submenuTitle {
|
|
height: 15%;
|
|
margin: 0px;
|
|
padding-top: 18px;
|
|
font-size: $font-size-large;
|
|
font-weight: $headings-font-weight;
|
|
}
|
|
|
|
.submenuContent {
|
|
height: 85%;
|
|
margin: 0px;
|
|
padding-top: 18px;
|
|
font-size: $font-size-base;
|
|
color: $color-gray-light;
|
|
}
|
|
|
|
div.submenuContent select {
|
|
width: 90%;
|
|
padding-top: 5px;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
/*outline: none;*/
|
|
color: $color-gray-light;
|
|
}
|
|
|
|
.containerLeftHalf {
|
|
width: 50%;
|
|
float: left;
|
|
}
|
|
|
|
.containerRightHalf {
|
|
width: 50%;
|
|
float: right;
|
|
}
|
|
|
|
div.containerLeftHalf label, div.containerRightHalf label {
|
|
font-size: 0.75em;
|
|
font-weight: 600;
|
|
color: $color-primary;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
input[type=checkbox] {
|
|
float: right;
|
|
}
|
|
|
|
ul {
|
|
list-style-type: none;
|
|
margin: 0px;
|
|
}
|
|
|
|
ul li {
|
|
padding-bottom: 9%;
|
|
}
|
|
|
|
.hidden {
|
|
position: absolute;
|
|
left: -10000px;
|
|
top: auto;
|
|
width: 1px;
|
|
height: 1px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* Application Submenu */
|
|
.applicationFontContainer {
|
|
border-top: solid 1px $color-gray-light;
|
|
margin-top: 10%;
|
|
padding-top: 10%;
|
|
}
|
|
|
|
.fontBarLeft {
|
|
float: left;
|
|
margin: 0px;
|
|
height: 100%;
|
|
width: 25%;
|
|
text-align: left;
|
|
}
|
|
|
|
.fontBarMid {
|
|
float: left;
|
|
margin: 0px;
|
|
height: 100%;
|
|
width: 50%;
|
|
text-align: center;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.fontBarRight {
|
|
float: left;
|
|
margin: 0px;
|
|
height: 100%;
|
|
width: 25%;
|
|
text-align: right;
|
|
}
|
|
|
|
.fontBarLeft p, .fontBarMid p {
|
|
margin: 0px;
|
|
}
|
|
|
|
/* Buttons */
|
|
.defaultBtn {
|
|
width: 90px;
|
|
border-radius: 18px;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.testAudioBtn {
|
|
@extend .defaultBtn;
|
|
width: 140px;
|
|
float: left;
|
|
}
|