ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-01-27 14:49:28 +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;
$colorDiscreteItemBg: rgba($colorBodyFg,0.1);
$colorDiscreteItemCurrentBg: rgba($colorOk,0.3);
$scrollContainer: $colorBodyBg;
;
@mixin discreteItem() {
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;
$colorDiscreteItemBg: rgba($colorBodyFg,0.1);
$colorDiscreteItemCurrentBg: rgba($colorOk,0.3);
$scrollContainer: $colorBodyBg;
@mixin discreteItem() {
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;
$colorDiscreteItemBg: rgba($colorBodyFg,0.1);
$colorDiscreteItemCurrentBg: rgba($colorOk,0.3);
$scrollContainer: rgba(102, 102, 102, 0.1);
@mixin discreteItem() {
background: $colorDiscreteItemBg;

12
src/styles/notebook.scss
View File

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

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

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