Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/application/base/main-menu-view.css
| Show All 32 Lines | /* - Logo ---------------------------------------------------------------------- | ||||
| this shows a "reveal" button to expand/collapse the rest of the menu. | this shows a "reveal" button to expand/collapse the rest of the menu. | ||||
| */ | */ | ||||
| .device-desktop .phabricator-main-menu-group-logo { | .device-desktop .phabricator-main-menu-group-logo { | ||||
| float: left; | float: left; | ||||
| } | } | ||||
| .phabricator-main-menu-logo { | .phabricator-main-menu-brand { | ||||
| display: inline-block; | display: inline-block; | ||||
| width: 149px; | width: 148px; | ||||
| height: 44px; | height: 44px; | ||||
| float: left; | float: left; | ||||
| margin-right: 6px; | margin-right: 6px; | ||||
| padding-right: 6px; | padding-right: 4px; | ||||
| padding-left: 6px; | padding-left: 6px; | ||||
| } | } | ||||
| .menu-logo-image { | .phabricator-main-menu-logo { | ||||
| position: absolute; | position: absolute; | ||||
| width: 149px; | width: 96px; | ||||
| height: 26px; | height: 26px; | ||||
| left: 52px; | |||||
| top: 9px; | top: 9px; | ||||
| } | } | ||||
| .device-phone .phabricator-main-menu-logo { | .phabricator-main-menu-eye { | ||||
| margin-left: -45px; | position: absolute; | ||||
| width: 40px; | |||||
| height: 40px; | |||||
| top: 2px; | |||||
| } | } | ||||
| .device .phabricator-main-menu-logo:hover { | .device .phabricator-main-menu-brand:hover { | ||||
| background-color: transparent; | background-color: rgba(0,0,0,.6); | ||||
| cursor: hand; | |||||
| } | } | ||||
| /* - Expand/Collapse Button ---------------------------------------------------- | /* - Expand/Collapse Button ---------------------------------------------------- | ||||
| On phones, the menu switches to a vertical layout and uses a button to expand | On phones, the menu switches to a vertical layout and uses a button to expand | ||||
| or collapse the items. | or collapse the items. | ||||
| */ | */ | ||||
| ▲ Show 20 Lines • Show All 308 Lines • ▼ Show 20 Lines | .phabricator-application-menu .phui-list-item-icon { | ||||
| display: none; | display: none; | ||||
| } | } | ||||
| .device-desktop .phabricator-application-menu .phui-list-item-view.core-menu-item { | .device-desktop .phabricator-application-menu .phui-list-item-view.core-menu-item { | ||||
| display: block; | display: block; | ||||
| } | } | ||||
| .device-desktop .main-header-dark .phabricator-application-menu | .device-desktop .main-header-dark .phabricator-application-menu | ||||
| .core-menu-item.phui-list-item-view:hover, | .core-menu-item.phui-list-item-view:hover { | ||||
| .device-desktop .main-header-dark .phabricator-main-menu-logo:hover { | |||||
| background-color: rgba(0,0,0,.6); | background-color: rgba(0,0,0,.6); | ||||
| } | } | ||||
| .device-desktop .phabricator-application-menu | .device-desktop .phabricator-application-menu | ||||
| .core-menu-item.phui-list-item-view:hover, | .core-menu-item.phui-list-item-view:hover { | ||||
| .device-desktop .phabricator-main-menu-logo:hover { | |||||
| background-color: rgba(0,0,0,.3); | |||||
| box-shadow: inset 0 5px 10px rgba(0,0,0,0.5); | box-shadow: inset 0 5px 10px rgba(0,0,0,0.5); | ||||
| border-radius: 3px; | border-radius: 3px; | ||||
| } | } | ||||
| .device-desktop .phabricator-application-menu .phui-list-item-view { | .device-desktop .phabricator-application-menu .phui-list-item-view { | ||||
| float: left; | float: left; | ||||
| position: relative; | position: relative; | ||||
| min-width: 36px; | min-width: 36px; | ||||
| ▲ Show 20 Lines • Show All 58 Lines • Show Last 20 Lines | |||||