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

Sanding and polishing CSS related to 3 Dot Menu (#3542)

Browse Source 
- Increased opacity of `c-icon-button` labels;
- Fixed CSS selector targeting no-icon menu items;
- Hide overflow in `c-so-view` header element to prevent icons extending
 outside very small layout frames;
This commit is contained in:
Charles Hacskaylo 2020-11-23 12:41:04 -08:00 committed by GitHub
parent 4bbdac759f
commit 59bf981fb0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/styles/_controls.scss
View File

@ -126,7 +126,7 @@ button {
.c-icon-button {
[class*='label'] {
opacity: 0.6;
opacity: 0.8;
}
&--mixed {
@ -468,9 +468,6 @@ select {
> * {
flex: 0 0 auto;
//+ * {
// margin-top: $interiorMarginSm;
//}
}
}
@ -500,8 +497,8 @@ select {
min-width: 1em;
}
&:not([class]):before {
content: ''; // Add this element so that menu items without an icon still indent properly
&:not([class*='icon']):before {
content: ''; // Enable :before so that menu items without an icon still indent properly
}
}
}

2
src/ui/components/object-frame.scss
View File

@ -9,6 +9,7 @@
justify-content: space-between;
align-items: center;
margin-bottom: $interiorMarginSm;
overflow: hidden;
padding: 3px;
.c-object-label {
@ -35,6 +36,7 @@
/*************************** FRAME CONTROLS */
&__frame-controls {
display: flex;
flex: 0 0 auto;
&__btns,
&__more {