revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-11 08:06:13 +01:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/fuel/fuel-menu.css

53 lines
1 KiB
CSS
Raw Normal View History

Improve commit action item layout on mobile Summary: Ref T13552. Build the "commit list" elements so that the menu action items collapse under the element on mobile. Also change the mobile breakpoint to 512px because my Safari window can't go any narrower than 508px. Future changes to responsive design will be more content-aware anyway. Test Plan: Looked at commits in various interfaces, at desktop and mobile widths. Maniphest Tasks: T13552 Differential Revision: https://secure.phabricator.com/D21430
2020-07-17 20:57:10 +02:00
/**
* @provides fuel-menu-css
*/
.fuel-menu-item-icon {
width: 14px;
height: 14px;
position: absolute;
left: 8px;
top: 4px;
text-align: center;
}
.fuel-menu-item-link {
padding: 4px 4px 4px 28px;
position: relative;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: {$greytext};
cursor: default;
border-radius: 3px;
}
.fuel-menu-item.has-link > .fuel-menu-item-link {
color: {$darkbluetext};
cursor: pointer;
}
Improve handle/status list display on devices in commit graph lists Summary: Ref T13552. Provide a richer handle/status list item for commit lists. Test Plan: Viewed commits in various interfaces, saw richer information. Maniphest Tasks: T13552 Differential Revision: https://secure.phabricator.com/D21431
2020-07-28 19:19:20 +02:00
.fuel-menu-item.disabled > .fuel-menu-item-link {
color: {$lightgreytext};
}
Improve commit action item layout on mobile Summary: Ref T13552. Build the "commit list" elements so that the menu action items collapse under the element on mobile. Also change the mobile breakpoint to 512px because my Safari window can't go any narrower than 508px. Future changes to responsive design will be more content-aware anyway. Test Plan: Looked at commits in various interfaces, at desktop and mobile widths. Maniphest Tasks: T13552 Differential Revision: https://secure.phabricator.com/D21430
2020-07-17 20:57:10 +02:00
.device-desktop .fuel-menu-item > .fuel-menu-item-link:hover {
text-decoration: none;
}
.device-desktop .fuel-menu-item.has-link > .fuel-menu-item-link:hover {
color: {$sky};
background: rgba({$alphablue}, .08);
}
.fuel-menu-item-background-color-orange > .fuel-menu-item-link {
background: {$sh-orangebackground};
}
.device-desktop .fuel-menu-item.has-link.fuel-menu-item-background-color-orange
> .fuel-menu-item-link:hover {
background: {$lightorange};
color: {$orange};
}
Copy permalink