alihan/openmct
1
0
Fork 0
Code Issues Pull Requests 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
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; margin-bottom: $interiorMarginLg;
} }
ol, ul { padding-left: 0; }
mct-container { mct-container {
display: block; display: block;
} }

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

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

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

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

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

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