Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/application/objectselector/object-selector.css
/** | /** | ||||
* @provides phabricator-object-selector-css | * @provides phabricator-object-selector-css | ||||
* @requires aphront-dialog-view-css | * @requires aphront-dialog-view-css | ||||
*/ | */ | ||||
.device-desktop .phabricator-object-selector-dialog { | .device-desktop .phabricator-object-selector-dialog { | ||||
width: 860px; | width: 860px; | ||||
} | } | ||||
.phabricator-object-selector-dialog .aphront-dialog-body { | .phabricator-object-selector-dialog .aphront-dialog-body { | ||||
padding: 0; | padding: 0 12px; | ||||
} | } | ||||
.phabricator-object-selector-search { | .phabricator-object-selector-search { | ||||
width: 100%; | width: 100%; | ||||
background: {$lightbluebackground}; | background: {$lightbluebackground}; | ||||
border-bottom: 1px solid {$thinblueborder}; | border-bottom: 1px solid {$thinblueborder}; | ||||
} | } | ||||
.phabricator-object-selector-search td { | .phabricator-object-selector-search td { | ||||
padding: 4px 8px; | padding: 4px 8px; | ||||
vertical-align: middle; | vertical-align: middle; | ||||
} | } | ||||
td.phabricator-object-selector-search-text { | td.phabricator-object-selector-search-text { | ||||
width: 100%; | width: 100%; | ||||
} | } | ||||
.phabricator-object-selector-row:hover { | .phabricator-object-selector-row:hover { | ||||
background-color: {$greybackground}; | background-color: {$hoverblue}; | ||||
} | } | ||||
.phabricator-object-selector-row:hover a { | .phabricator-object-selector-row:hover a { | ||||
text-decoration: none; | text-decoration: none; | ||||
color: #000; | |||||
} | } | ||||
.phabricator-object-selector-search-text input { | .phabricator-object-selector-search-text input { | ||||
width: 100%; | width: 100%; | ||||
border-radius: 14px; | border-radius: 14px; | ||||
padding: 4px 8px; | padding: 4px 8px; | ||||
height: 26px; | height: 26px; | ||||
margin: 2px 0; | margin: 2px 0; | ||||
} | } | ||||
.phabricator-object-selector-popicon { | .phabricator-object-selector-popicon { | ||||
display: inline-block; | display: inline-block; | ||||
margin-top: 4px; | margin-top: 4px; | ||||
} | } | ||||
.phabricator-object-selector-results { | .phabricator-object-selector-results { | ||||
position: relative; | position: relative; | ||||
height: 24em; | height: 24em; | ||||
overflow-y: scroll; | overflow-y: scroll; | ||||
overflow-x: hidden; | overflow-x: hidden; | ||||
} | } | ||||
.phabricator-object-selector-handle { | .phabricator-object-selector-handle { | ||||
width: 100%; | width: 100%; | ||||
background: {$lightgreybackground}; | } | ||||
margin-bottom: 1px; | |||||
.phabricator-object-selector-handle + .phabricator-object-selector-handle { | |||||
border-top: 1px solid {$thinblueborder}; | |||||
} | } | ||||
.phabricator-object-selector-handle td { | .phabricator-object-selector-handle td { | ||||
padding: 4px 8px; | padding: 4px 8px; | ||||
} | } | ||||
.phabricator-object-selector-handle th { | .phabricator-object-selector-handle th { | ||||
font-weight: bold; | font-weight: bold; | ||||
vertical-align: middle; | vertical-align: middle; | ||||
width: 100%; | width: 100%; | ||||
overflow: hidden; | overflow: hidden; | ||||
} | } | ||||
.phabricator-object-selector-handle th a { | .phabricator-object-selector-handle th a { | ||||
display: block; | display: block; | ||||
padding: 4px 0; | padding: 4px 0; | ||||
} | } | ||||
.phabricator-object-selector-header { | .phabricator-object-selector-header { | ||||
margin-bottom: 8px; | |||||
font-weight: bold; | font-weight: bold; | ||||
text-transform: uppercase; | text-transform: uppercase; | ||||
color: {$bluetext}; | color: {$darkbluetext}; | ||||
background-color: {$lightgreybackground}; | |||||
border-bottom: 1px solid {$thinblueborder}; | |||||
padding: 6px 8px; | |||||
} | } | ||||
.phabricator-object-selector-attach-explicit { | .phabricator-object-selector-attach-explicit { | ||||
padding: 4px; | padding: 4px; | ||||
background: #f3f3f3; | background: {$lightgreybackground}; | ||||
border: solid #bbbbbb; | border: solid {$blueborder}; | ||||
border-width: 1px 0px; | border-width: 1px 0px; | ||||
} | } | ||||
.phabricator-object-selector-current { | .phabricator-object-selector-current { | ||||
border-top: 1px solid {$thinblueborder}; | border-top: 1px solid {$thinblueborder}; | ||||
} | } | ||||
.phabricator-object-selector-currently-attached { | |||||
padding: 8px; | |||||
} | |||||
.object-selector-nothing { | .object-selector-nothing { | ||||
padding: 1em; | padding: 1em; | ||||
color: {$lightgreytext}; | color: {$lightgreytext}; | ||||
text-align: center; | text-align: center; | ||||
} | } | ||||
.phabricator-object-selector-instructions { | .phabricator-object-selector-instructions { | ||||
font-size: {$smallestfontsize}; | font-size: {$smallestfontsize}; | ||||
color: {$greytext}; | color: {$greytext}; | ||||
margin-top: 1.25em; | margin-top: 1.25em; | ||||
} | } |