Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/phui/phui-action-list.css
| /** | /** | ||||
| * @provides phabricator-action-list-view-css | * @provides phabricator-action-list-view-css | ||||
| */ | */ | ||||
| .device .phabricator-action-list-view { | .device .phabricator-action-list-view { | ||||
| padding: 4px 0; | padding: 4px 0; | ||||
| display: none; | display: none; | ||||
| } | } | ||||
| .device .phuix-dropdown-menu .phabricator-action-list-view { | .device .phuix-dropdown-menu .phabricator-action-list-view { | ||||
| /* When an action list view appears inside a dropdown menu, don't hide it | /* When an action list view appears inside a dropdown menu, don't hide it | ||||
| by default. */ | by default. */ | ||||
| display: block; | display: block; | ||||
| padding: 0; | |||||
| } | } | ||||
| .device .phabricator-action-list-view.phabricator-action-list-toggle, | .device .phabricator-action-list-view.phabricator-action-list-toggle, | ||||
| .device-desktop .phui-document-content | .device-desktop .phui-document-content | ||||
| .phabricator-action-list-view.phabricator-action-list-toggle { | .phabricator-action-list-view.phabricator-action-list-toggle { | ||||
| display: block; | display: block; | ||||
| width: 200px; | width: 200px; | ||||
| border: 1px solid {$lightblueborder}; | border: 1px solid {$lightgreyborder}; | ||||
| border-radius: 3px; | border-radius: 3px; | ||||
| position: absolute; | position: absolute; | ||||
| right: 16px; | right: 16px; | ||||
| top: 42px; | top: 42px; | ||||
| background: #fff; | background: #fff; | ||||
| box-shadow: {$dropshadow}; | box-shadow: {$dropshadow}; | ||||
| padding: 4px 0; | padding: 4px 0; | ||||
| } | } | ||||
| Show All 23 Lines | .phabricator-action-view button.phabricator-action-view-item { | ||||
| color: {$anchor}; | color: {$anchor}; | ||||
| font: inherit; | font: inherit; | ||||
| display: inline; | display: inline; | ||||
| min-width: 0; | min-width: 0; | ||||
| } | } | ||||
| .phabricator-action-view button.phabricator-action-view-item, | .phabricator-action-view button.phabricator-action-view-item, | ||||
| .phabricator-action-view-item { | .phabricator-action-view-item { | ||||
| padding: 4px 4px 4px 28px; | padding: 4px 8px 6px 8px; | ||||
| display: block; | display: block; | ||||
| text-decoration: none; | text-decoration: none; | ||||
| color: {$darkbluetext}; | color: {$darkbluetext}; | ||||
| } | } | ||||
| .phabricator-action-view-label .phabricator-action-view-item { | .action-has-icon button.phabricator-action-view-item, | ||||
| font-size: {$normalfontsize}; | .action-has-icon .phabricator-action-view-item { | ||||
| padding: 4px 4px 4px 28px; | |||||
| } | |||||
| .device-desktop .phabricator-action-view-href:hover | |||||
| .phabricator-action-view-item { | |||||
| text-decoration: none; | |||||
| background: rgba({$alphablue}, .08); | |||||
| color: {$sky}; | |||||
| border-radius: 3px; | |||||
| } | |||||
| .device-desktop .phabricator-action-view-href:hover | |||||
| .phabricator-action-view-icon { | |||||
| color: {$sky}; | |||||
| } | |||||
| .device-desktop .phabricator-action-view-href.action-item-red:hover | |||||
| .phabricator-action-view-item { | |||||
| background-color: {$sh-redbackground}; | |||||
| color: {$sh-redtext}; | |||||
| } | |||||
| .device-desktop .phabricator-action-view-href.action-item-red:hover | |||||
| .phabricator-action-view-icon { | |||||
| color: {$red}; | |||||
| } | |||||
| .phabricator-action-view-label .phabricator-action-view-item, | |||||
| .phabricator-action-view-type-label .phabricator-action-view-item { | |||||
| font-size: {$smallerfontsize}; | |||||
| font-weight: bold; | font-weight: bold; | ||||
| color: {$bluetext}; | color: {$bluetext}; | ||||
| padding: 4px 8px 6px 8px; | padding: 4px 8px 6px 8px; | ||||
| display: block; | display: block; | ||||
| text-transform: uppercase; | |||||
| -webkit-font-smoothing: antialiased; | -webkit-font-smoothing: antialiased; | ||||
| } | } | ||||
| .device-desktop li.phabricator-action-view-label:hover | .device-desktop li.phabricator-action-view-label:hover | ||||
| .phabricator-action-view-item { | .phabricator-action-view-item { | ||||
| background-color: #fff; | background-color: #fff; | ||||
| color: {$bluetext}; | color: {$bluetext}; | ||||
| } | } | ||||
| .phabricator-action-view + .phabricator-action-view-label { | .phabricator-action-view + .phabricator-action-view-label { | ||||
| padding-top: 8px; | padding-top: 8px; | ||||
| } | } | ||||
| .phabricator-action-view-icon { | .phabricator-action-view-icon { | ||||
| width: 14px; | width: 14px; | ||||
| height: 14px; | height: 14px; | ||||
| position: absolute; | position: absolute; | ||||
| top: 8px; | top: 7px; | ||||
| left: 8px; | left: 8px; | ||||
| text-align: center; | text-align: center; | ||||
| } | } | ||||
| .device-desktop .phabricator-action-view:hover .phabricator-action-view-item { | |||||
| text-decoration: none; | |||||
| background-color: {$sky}; | |||||
| color: #fff; | |||||
| } | |||||
| .device-desktop .phabricator-action-view:hover .phabricator-action-view-icon { | |||||
| color: #fff; | |||||
| } | |||||
| .phabricator-action-view-disabled .phabricator-action-view-item, | .phabricator-action-view-disabled .phabricator-action-view-item, | ||||
| .phabricator-action-view-disabled button.phabricator-action-view-item { | .phabricator-action-view-disabled button.phabricator-action-view-item { | ||||
| color: {$lightgreytext}; | color: {$lightgreytext}; | ||||
| } | } | ||||
| .phabricator-action-view-selected { | .phabricator-action-view-selected { | ||||
| border-left: 3px solid {$sky}; | background: {$sh-violetbackground}; | ||||
| background: {$hoverblue}; | border-radius: 3px; | ||||
| } | |||||
| .phabricator-action-view-selected .phabricator-action-view-item { | |||||
| padding-left: 25px; | |||||
| } | } | ||||
| .phabricator-action-view-selected .phabricator-action-view-icon { | .phabricator-action-view-selected:hover a { | ||||
| left: 6px; | text-decoration: none; | ||||
| } | } | ||||
| .phabricator-action-view button[disabled] { | .phabricator-action-view button[disabled] { | ||||
| opacity: 1.0; | opacity: 1.0; | ||||
| } | } | ||||
| .device-desktop .phabricator-action-view-disabled:hover | .device-desktop .phabricator-action-view-disabled:hover | ||||
| .phabricator-action-view-item, | .phabricator-action-view-item, | ||||
| .device-desktop .phabricator-action-view-disabled:hover | .device-desktop .phabricator-action-view-disabled:hover | ||||
| button.phabricator-action-view-item, | button.phabricator-action-view-item, | ||||
| .device-desktop .phabricator-action-view-disabled:hover | .device-desktop .phabricator-action-view-disabled:hover | ||||
| .phabricator-action-view-icon, | .phabricator-action-view-icon, | ||||
| .device-desktop .phabricator-action-view-disabled:hover | .device-desktop .phabricator-action-view-disabled:hover | ||||
| button.phabricator-action-view-icon { | button.phabricator-action-view-icon { | ||||
| background-color: {$greybackground}; | background-color: {$greybackground}; | ||||
| color: {$lightgreytext}; | color: {$lightgreytext}; | ||||
| } | } | ||||
| .phabricator-action-view-type-divider { | |||||
| margin-top: 8px; | |||||
| border-top: 1px solid {$thinblueborder}; | |||||
| } | |||||