/** * @provides phabricator-crumbs-view-css */ .phabricator-crumbs-view { background-color: #ebecee; background-image: none !important; height: 31px; overflow: hidden; vertical-align: top; border-bottom: 1px solid rgba(205, 207, 211, 1); /* TODO: Position this over the slider for Differential's file tree view. Remove this once that gets sorted out. */ position: relative; -webkit-font-smoothing: antialiased; } .phabricator-crumbs-view, .phabricator-crumbs-view a.phabricator-crumb-view, .phabricator-crumbs-view a.phabricator-crumbs-action { color: {$darkgreytext}; font-weight: bold; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9); } .phabricator-crumbs-view a.phabricator-crumbs-action-disabled { color: {$lightgreytext}; } .phabricator-crumbs-action.phabricator-crumbs-action-menu { display: none; } .device .phabricator-crumbs-action.phabricator-crumbs-action-menu { display: inline-block; } .device .phabricator-crumbs-action-menu-open { background: rgba(0,0,0,.1); } .phabricator-crumbs-view + .phui-header-shell { border-top: none; } .device-desktop .phabricator-crumbs-view a:hover { text-decoration: underline; } .phabricator-crumb-view { display: inline-block; height: 31px; line-height: 31px; } .device-phone .phabricator-crumb-view { display: none; } .device-phone .phabricator-crumb-view.phabricator-last-crumb, .device-phone .phabricator-crumb-view.phabricator-crumb-has-icon { display: inline-block; } .phabricator-crumb-icon { display: inline-block; width: 28px; height: 28px; margin: 2px 2px 2px 13px; vertical-align: top; } .device-phone .phabricator-crumb-icon { margin-left: 7px; } .phabricator-crumbs-actions { float: right; white-space: nowrap; } .phabricator-crumbs-action { display: inline-block; height: 17px; padding: 8px 12px; position: relative; } .device-phone a.phabricator-crumbs-action { padding: 7px; border-left: 1px solid {$hovergrey}; } .device-desktop a.phabricator-crumbs-action:hover { background: rgba(205, 207, 211, .5); text-decoration: none; } .device-phone .phabricator-crumbs-action-name { display: none; } a.phabricator-crumbs-action .phui-icon-view { margin-right: 5px; } .device-phone a.phabricator-crumbs-action .phui-icon-view { margin-left: 5px; } .phabricator-crumb-divider { display: inline-block; width: 9px; height: 31px; vertical-align: top; margin: 0 9px; }