ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-01-31 16:36:13 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

[Frontend] Added "first" CSS class applied to form-row elements

Browse Source 
WTD-1002
WTD-1005
Made form.html add CSS class "first" to each form-row element in order to allow proper border-top styling;
This commit is contained in:
Charles Hacskaylo 2015-03-11 15:09:48 -07:00
parent cc181dbdc9
commit e7e0c6829e
4 changed files with 27 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
platform/commonUI/general/res/css/forms.css
View File

@ -26,6 +26,9 @@
margin-top: 5px; margin-top: 5px;
padding: 5px; padding: 5px;
position: relative; } position: relative; }
/* line 24, ../sass/forms/_elems.scss */
.form .form-row.first {
border-top: none; }
/* line 29, ../sass/forms/_elems.scss */ /* line 29, ../sass/forms/_elems.scss */
.form .form-row .label, .form .form-row .label,
.form .form-row .controls { .form .form-row .controls {

37
platform/commonUI/general/res/css/theme-espresso.css
View File

@ -1,5 +1,5 @@
/* CONSTANTS */ /* CONSTANTS */
/* line 17, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ /* line 17, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, a, abbr, acronym, address, big, cite, code,
@ -20,38 +20,38 @@ time, mark, audio, video {
font-size: 100%; font-size: 100%;
vertical-align: baseline; } vertical-align: baseline; }
/* line 22, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ /* line 22, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html { html {
line-height: 1; } line-height: 1; }
/* line 24, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ /* line 24, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul { ol, ul {
list-style: none; } list-style: none; }
/* line 26, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ /* line 26, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table { table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; } border-spacing: 0; }
/* line 28, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ /* line 28, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td { caption, th, td {
text-align: left; text-align: left;
font-weight: normal; font-weight: normal;
vertical-align: middle; } vertical-align: middle; }
/* line 30, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ /* line 30, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote { q, blockquote {
quotes: none; } quotes: none; }
/* line 103, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ /* line 103, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after { q:before, q:after, blockquote:before, blockquote:after {
content: ""; content: "";
content: none; } content: none; }
/* line 32, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ /* line 32, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img { a img {
border: none; } border: none; }
/* line 116, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ /* line 116, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
display: block; } display: block; }
@ -1798,6 +1798,9 @@ label.checkbox.custom {
margin-top: 5px; margin-top: 5px;
padding: 5px; padding: 5px;
position: relative; } position: relative; }
/* line 24, ../sass/forms/_elems.scss */
.form .form-row.first {
border-top: none; }
/* line 29, ../sass/forms/_elems.scss */ /* line 29, ../sass/forms/_elems.scss */
.form .form-row .label, .form .form-row .label,
.form .form-row .controls { .form .form-row .controls {
@ -2814,10 +2817,10 @@ input[type="text"] {
.wait-spinner { .wait-spinner {
display: block; display: block;
position: absolute; position: absolute;
-webkit-animation: rotation 0.6s infinite linear; -webkit-animation: rotation .6s infinite linear;
-moz-animation: rotation 0.6s infinite linear; -moz-animation: rotation .6s infinite linear;
-o-animation: rotation 0.6s infinite linear; -o-animation: rotation .6s infinite linear;
animation: rotation 0.6s infinite linear; animation: rotation .6s infinite linear;
border-color: rgba(0, 153, 204, 0.25); border-color: rgba(0, 153, 204, 0.25);
border-top-color: #0099cc; border-top-color: #0099cc;
border-style: solid; border-style: solid;
@ -2856,10 +2859,10 @@ input[type="text"] {
.treeview .wait-spinner { .treeview .wait-spinner {
display: block; display: block;
position: absolute; position: absolute;
-webkit-animation: rotation 0.6s infinite linear; -webkit-animation: rotation .6s infinite linear;
-moz-animation: rotation 0.6s infinite linear; -moz-animation: rotation .6s infinite linear;
-o-animation: rotation 0.6s infinite linear; -o-animation: rotation .6s infinite linear;
animation: rotation 0.6s infinite linear; animation: rotation .6s infinite linear;
border-color: rgba(0, 153, 204, 0.25); border-color: rgba(0, 153, 204, 0.25);
border-top-color: #0099cc; border-top-color: #0099cc;
border-style: solid; border-style: solid;

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

@ -21,8 +21,8 @@
margin-top: $interiorMargin; margin-top: $interiorMargin;
padding: $interiorMargin; padding: $interiorMargin;
position: relative; position: relative;
&:first-child { &.first {
// border-top: none; border-top: none;
} }
.label, .label,

3
platform/forms/res/templates/form.html
View File

@ -11,7 +11,8 @@
ng-class="{ ng-class="{
req: row.required, req: row.required,
valid: mctFormInner.$dirty && mctFormInner.$valid, valid: mctFormInner.$dirty && mctFormInner.$valid,
invalid: mctFormInner.$dirty && !mctFormInner.$valid invalid: mctFormInner.$dirty && !mctFormInner.$valid,
first: $index < 1
}"> }">
<div class='label' title="{{row.description}}"> <div class='label' title="{{row.description}}">