1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-23 15:22:41 +01:00
phorge-phorge/webroot/rsrc/css/phui/object-item/phui-oi-big-ui.css
epriestley d192d04586 Make it more visually clear that you can click things in the "Big List of Clickable Things" UI element
Summary:
Ref T13259. An install provided feedback that it wasn't obvious you could click the buttons in this UI.

Make it more clear that these are clickable buttons.

Test Plan:
{F6251585}

{F6251586}

Reviewers: amckinley

Reviewed By: amckinley

Maniphest Tasks: T13259

Differential Revision: https://secure.phabricator.com/D20238
2019-03-05 11:32:38 -08:00

99 lines
1.9 KiB
CSS

/**
* @provides phui-oi-big-ui-css
* @requires phui-oi-list-view-css
*/
.phui-oi-list-big ul.phui-oi-list-view {
margin: 0;
padding: 20px;
}
.phui-oi-list-big .phui-oi-no-bar .phui-oi-frame {
border: 0;
}
.phui-oi-list-big .phui-oi-image-icon {
margin: 12px 2px 12px;
text-align: center;
}
.phui-oi-list-big .phui-oi-image-icon .phui-icon-view {
position: relative;
}
.phui-oi-list-big a.phui-oi-link {
color: {$blacktext};
font-size: {$biggestfontsize};
}
.phui-oi-list-big .phui-oi-name {
padding-top: 6px;
}
.phui-oi-list-big .phui-oi-launch-button a.button {
font-size: {$normalfontsize};
padding: 3px 12px 4px;
}
.device-desktop .phui-oi-list-big .phui-oi {
margin-bottom: 8px;
}
.phui-oi-list-big .phui-oi-col0 {
vertical-align: top;
padding: 0;
}
.phui-oi-list-big .phui-oi-status-icon {
padding: 5px;
}
.phui-oi-list-big .phui-oi-visited a.phui-oi-link {
color: {$violet};
}
.phui-box-white-config .phui-oi-list-big.phui-oi-list-view {
padding: 8px 8px 4px;
}
.phui-box-white-config .phui-oi-frame {
padding: 4px 8px 0;
}
.device-desktop .phui-box-white-config .phui-oi:hover .phui-oi-frame {
background-color: {$hoverblue};
border-radius: 3px;
}
.phui-oi-list-big .phui-oi-frame {
padding: 2px 8px;
}
.phui-oi-list-big .phui-oi-linked-container {
border: 1px solid {$lightblueborder};
border-radius: 4px;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.035);
}
.phui-oi-list-big .phui-oi-disabled {
border-radius: 4px;
background: {$lightgreybackground};
}
.device-desktop .phui-oi-linked-container {
cursor: pointer;
}
.device-desktop .phui-oi-linked-container:hover {
background-color: {$hoverblue};
border-color: {$blueborder};
}
.device-desktop .phui-oi-linked-container a:hover {
text-decoration: none;
}
/* Spacing for InfoView inside an object item list, like MFA setup. */
.phui-oi .phui-info-view {
margin: 0 4px 4px;
}