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

Change mobile constatnt to make hit area smaller

Browse Source
This commit is contained in:
Rukmini Bose 2024-03-19 15:05:20 -07:00
parent 1ab48b6f50
commit 16253a921f
3 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -33,7 +33,7 @@ $tabletItemH: floor(math.div($gridItemMobile, 3));
$shellTimeConductorMobileH: 90px; $shellTimeConductorMobileH: 90px;
/************************** MOBILE TREE MENU DIMENSIONS */ /************************** MOBILE TREE MENU DIMENSIONS */
$mobileTreeItemH: 35px; $mobileTreeItemH: 30px;
$mobileTreeItemIndent: 15px; $mobileTreeItemIndent: 15px;
$mobileTreeRightArrowW: 30px; $mobileTreeRightArrowW: 30px;

5
src/ui/layout/pane.scss
View File

@ -78,6 +78,11 @@
&.l-pane--collapsed { &.l-pane--collapsed {
padding-left: 0 !important; padding-left: 0 !important;
padding-right: 0 !important; padding-right: 0 !important;
body.mobile & {
.l-shell__sync-tree-button .l-shell__reset-tree-button{
display: none !important;
}
}
} }
} }

5
src/ui/layout/recent-objects.scss
View File

@ -115,6 +115,7 @@
color: $colorItemTreeFg; color: $colorItemTreeFg;
cursor: pointer; cursor: pointer;
padding: $interiorMarginSm; padding: $interiorMarginSm;
margin-left: $interiorMarginSm;
&:hover { &:hover {
background-color: $colorItemTreeHoverBg; background-color: $colorItemTreeHoverBg;
@ -136,6 +137,7 @@ body.mobile {
} }
.c-recentobjects-listitem__wrapper{ .c-recentobjects-listitem__wrapper{
height: $mobileTreeItemH; height: $mobileTreeItemH;
align-items: center;
margin-bottom: $interiorMarginSm; margin-bottom: $interiorMarginSm;
background: rgba(172, 172, 172, 0.1); background: rgba(172, 172, 172, 0.1);
border-radius: $interiorMarginSm; border-radius: $interiorMarginSm;
@ -143,4 +145,7 @@ body.mobile {
.c-recentobjects-listitem{ .c-recentobjects-listitem{
border-top: none; border-top: none;
} }
.c-recentobjects-listitem__type-icon{
margin-left: $interiorMargin;
}
} }