ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-01-18 10:46:42 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Frontend] Final sanding on bubbles.scss

Browse Source 
WTD-1222
This commit is contained in:
Charles Hacskaylo 2015-06-09 09:28:59 -07:00
parent 1587e66d9e
commit 277b8e74b6
2 changed files with 28 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -84,7 +84,7 @@
* this source code distribution or the Licensing information page available * this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
/* line 5, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/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,
@ -105,38 +105,38 @@ time, mark, audio, video {
font-size: 100%; font-size: 100%;
vertical-align: baseline; } vertical-align: baseline; }
/* line 22, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html { html {
line-height: 1; } line-height: 1; }
/* line 24, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul { ol, ul {
list-style: none; } list-style: none; }
/* line 26, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table { table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; } border-spacing: 0; }
/* line 28, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/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/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote { q, blockquote {
quotes: none; } quotes: none; }
/* line 103, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/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/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img { a img {
border: none; } border: none; }
/* line 116, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; } display: block; }
@ -4030,9 +4030,11 @@ input[type="text"] {
/* line 121, ../sass/helpers/_bubbles.scss */ /* line 121, ../sass/helpers/_bubbles.scss */
.l-thumbsbubble-wrapper { .l-thumbsbubble-wrapper {
position: absolute; position: absolute;
left: 10px;
right: 10px;
height: 183px; height: 183px;
width: 100%; } width: auto; }
/* line 126, ../sass/helpers/_bubbles.scss */ /* line 128, ../sass/helpers/_bubbles.scss */
.l-thumbsbubble-wrapper .l-thumbsbubble { .l-thumbsbubble-wrapper .l-thumbsbubble {
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
@ -4042,21 +4044,21 @@ input[type="text"] {
left: 0px; left: 0px;
width: auto; width: auto;
height: auto; } height: auto; }
/* line 128, ../sass/helpers/_bubbles.scss */ /* line 130, ../sass/helpers/_bubbles.scss */
.l-thumbsbubble-wrapper .l-thumbsbubble .l-image-thumbs-wrapper { .l-thumbsbubble-wrapper .l-thumbsbubble .l-image-thumbs-wrapper {
height: auto; height: auto;
top: 5px !important; top: 5px !important;
right: 25px; right: 25px;
bottom: 5px !important; bottom: 5px !important;
left: 5px; } left: 5px; }
/* line 133, ../sass/helpers/_bubbles.scss */ /* line 135, ../sass/helpers/_bubbles.scss */
.l-thumbsbubble-wrapper .arw { .l-thumbsbubble-wrapper .arw {
z-index: 2; } z-index: 2; }
/* line 138, ../sass/helpers/_bubbles.scss */ /* line 140, ../sass/helpers/_bubbles.scss */
.l-thumbsbubble-wrapper.arw-up .arw.arw-down, .l-thumbsbubble-wrapper.arw-down .arw.arw-up { .l-thumbsbubble-wrapper.arw-up .arw.arw-down, .l-thumbsbubble-wrapper.arw-down .arw.arw-up {
display: none; } display: none; }
/* line 148, ../sass/helpers/_bubbles.scss */ /* line 150, ../sass/helpers/_bubbles.scss */
.s-bubble { .s-bubble {
-moz-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
@ -4065,14 +4067,14 @@ input[type="text"] {
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px; } box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px; }
/* line 154, ../sass/helpers/_bubbles.scss */ /* line 156, ../sass/helpers/_bubbles.scss */
.l-thumbsbubble-wrapper .arw-up { .l-thumbsbubble-wrapper .arw-up {
width: 0; width: 0;
height: 0; height: 0;
border-left: 6.66667px solid transparent; border-left: 6.66667px solid transparent;
border-right: 6.66667px solid transparent; border-right: 6.66667px solid transparent;
border-bottom: 10px solid #4d4d4d; } border-bottom: 10px solid #4d4d4d; }
/* line 157, ../sass/helpers/_bubbles.scss */ /* line 159, ../sass/helpers/_bubbles.scss */
.l-thumbsbubble-wrapper .arw-down { .l-thumbsbubble-wrapper .arw-down {
width: 0; width: 0;
height: 0; height: 0;
@ -4080,27 +4082,27 @@ input[type="text"] {
border-right: 6.66667px solid transparent; border-right: 6.66667px solid transparent;
border-top: 10px solid #4d4d4d; } border-top: 10px solid #4d4d4d; }
/* line 161, ../sass/helpers/_bubbles.scss */ /* line 163, ../sass/helpers/_bubbles.scss */
.s-infobubble { .s-infobubble {
background: #ddd; background: #ddd;
color: #666; color: #666;
font-size: 0.8rem; } font-size: 0.8rem; }
/* line 166, ../sass/helpers/_bubbles.scss */ /* line 168, ../sass/helpers/_bubbles.scss */
.s-infobubble .title { .s-infobubble .title {
color: #333333; color: #333333;
font-weight: bold; } font-weight: bold; }
/* line 171, ../sass/helpers/_bubbles.scss */ /* line 173, ../sass/helpers/_bubbles.scss */
.s-infobubble tr td { .s-infobubble tr td {
border-top: 1px solid #c4c4c4; border-top: 1px solid #c4c4c4;
font-size: 0.9em; } font-size: 0.9em; }
/* line 175, ../sass/helpers/_bubbles.scss */ /* line 177, ../sass/helpers/_bubbles.scss */
.s-infobubble tr:first-child td { .s-infobubble tr:first-child td {
border-top: none; } border-top: none; }
/* line 179, ../sass/helpers/_bubbles.scss */ /* line 181, ../sass/helpers/_bubbles.scss */
.s-infobubble .value { .s-infobubble .value {
color: #333333; } color: #333333; }
/* line 184, ../sass/helpers/_bubbles.scss */ /* line 186, ../sass/helpers/_bubbles.scss */
.s-thumbsbubble { .s-thumbsbubble {
background: #4d4d4d; background: #4d4d4d;
color: #b3b3b3; } color: #b3b3b3; }

4
platform/commonUI/general/res/sass/helpers/_bubbles.scss
View File

@ -121,8 +121,10 @@
.l-thumbsbubble-wrapper { .l-thumbsbubble-wrapper {
$closeBtnD: 15px; $closeBtnD: 15px;
position: absolute; position: absolute;
left: $interiorMarginLg;
right: $interiorMarginLg;
height: $imageThumbsWrapperH + $bubblePad*2 + $interiorMargin; height: $imageThumbsWrapperH + $bubblePad*2 + $interiorMargin;
width: 100%; width: auto;
.l-thumbsbubble { .l-thumbsbubble {
@include absPosDefault(); @include absPosDefault();
.l-image-thumbs-wrapper { .l-image-thumbs-wrapper {