ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-01-28 23:24:26 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Fix inner shadows. Revert tag code change. Create new theme constants. Make embed container constant

Browse Source
This commit is contained in:
Rukmini Bose 2022-10-03 15:50:37 -07:00
parent ede591d768
commit 97245781e5
5 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/styles/_constants-espresso.scss
View File

@ -463,6 +463,8 @@ $transInBounceBig: all 300ms cubic-bezier(.2,1.6,.6,3);
$createBtnTextTransform: uppercase; $createBtnTextTransform: uppercase;
$colorDiscreteItemBg: rgba($colorBodyFg,0.1); $colorDiscreteItemBg: rgba($colorBodyFg,0.1);
$colorDiscreteItemCurrentBg: rgba($colorOk,0.3); $colorDiscreteItemCurrentBg: rgba($colorOk,0.3);
$scrollContainer: $colorBodyBg;
;
@mixin discreteItem() { @mixin discreteItem() {
background: $colorDiscreteItemBg; background: $colorDiscreteItemBg;

1
src/styles/_constants-maelstrom.scss
View File

@ -467,6 +467,7 @@ $transInBounceBig: all 300ms cubic-bezier(.2,1.6,.6,3);
$createBtnTextTransform: uppercase; $createBtnTextTransform: uppercase;
$colorDiscreteItemBg: rgba($colorBodyFg,0.1); $colorDiscreteItemBg: rgba($colorBodyFg,0.1);
$colorDiscreteItemCurrentBg: rgba($colorOk,0.3); $colorDiscreteItemCurrentBg: rgba($colorOk,0.3);
$scrollContainer: $colorBodyBg;
@mixin discreteItem() { @mixin discreteItem() {
background: rgba($colorBodyFg,0.1); background: rgba($colorBodyFg,0.1);

1
src/styles/_constants-snow.scss
View File

@ -463,6 +463,7 @@ $transInBounceBig: all 300ms cubic-bezier(.2,1.6,.6,3);
$createBtnTextTransform: uppercase; $createBtnTextTransform: uppercase;
$colorDiscreteItemBg: rgba($colorBodyFg,0.1); $colorDiscreteItemBg: rgba($colorBodyFg,0.1);
$colorDiscreteItemCurrentBg: rgba($colorOk,0.3); $colorDiscreteItemCurrentBg: rgba($colorOk,0.3);
$scrollContainer: rgba(102, 102, 102, 0.1);
@mixin discreteItem() { @mixin discreteItem() {
background: $colorDiscreteItemBg; background: $colorDiscreteItemBg;

12
src/styles/notebook.scss
View File

@ -29,9 +29,10 @@
.scrollContainer{ .scrollContainer{
// Class for overflow embeds (possibly for text entry overflow in future) // Class for overflow embeds (possibly for text entry overflow in future)
background: $colorBodyBg; background: $scrollContainer;
box-shadow: inset 0 5px 5px rgb(0 0 0 / 20%); box-shadow: inset 0 3px 4px rgb(0 0 0 / 40%);
overflow-y: scroll; overflow-y: scroll;
border-radius: $controlCr;
} }
.c-notebook { .c-notebook {
@ -417,9 +418,9 @@
@include snapThumb(); @include snapThumb();
} }
.c-ne__embeds-wrapper{ .c-ne__embeds-wrapper{
max-height: 11vh; max-height: 75px;
padding-left: $interiorMarginLg; padding-left: $interiorMargin;
padding-top: $interiorMarginLg; padding-top: $interiorMargin;
display: flex; display: flex;
} }
@ -428,6 +429,7 @@
display: inline-flex; display: inline-flex;
flex: 0 0 auto; flex: 0 0 auto;
padding: $interiorMargin; padding: $interiorMargin;
border: 1px solid $colorInteriorBorder;
&__info { &__info {
display: flex; display: flex;

1
src/ui/components/tags/tags.scss
View File

@ -34,7 +34,6 @@
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
margin-bottom: 5px;
> * + * { > * + * {
margin-left: $interiorMargin; margin-left: $interiorMargin;