ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-03-22 12:05:19 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Frontend] CSS tweaks to fix required glyph positioning

Browse Source 
#700
CSS modded to allow better cross-browser
positioning of 'required' form-row glyphs;
Other elem's CSS adjusted as a result;
This commit is contained in:
Charles Hacskaylo 2016-03-16 09:43:59 -07:00
parent d30532a8bc
commit 32a42bd679
4 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
platform/commonUI/general/res/sass/_global.scss
View File

@ -85,6 +85,8 @@ p {
margin-bottom: $interiorMarginLg;
}
ol, ul { padding-left: 0; }
mct-container {
display: block;
}

1
platform/commonUI/general/res/sass/controls/_controls.scss
View File

@ -114,6 +114,7 @@ label.radio.custom {
$d: $formRowCtrlsH;
cursor: pointer;
display: inline-block;
line-height: 120%;
margin-right: $interiorMargin * 4;
padding-left: $d + $interiorMargin;
position: relative;

1
platform/commonUI/general/res/sass/forms/_elems.scss
View File

@ -55,7 +55,6 @@
>.controls {
box-sizing: border-box;
font-size: 0.8rem;
min-height: $formInputH;
}
>.label {

6
platform/commonUI/general/res/sass/forms/_validation.scss
View File

@ -23,9 +23,13 @@
> .label {
padding-right: $reqSymbolM; // Keep room for validation element
&::after {
float: right;
position: absolute;
right: $interiorMargin;
font-family: symbolsfont;
font-size: $reqSymbolFontSize;
height: 100%;
line-height: 200%;
}
}
&.invalid,