Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/phui/phui-two-column-view.css
| /** | /** | ||||
| * @provides phui-two-column-view-css | * @provides phui-two-column-view-css | ||||
| */ | */ | ||||
| .phui-two-column-view .phui-two-column-header { | .phui-two-column-view .phui-two-column-header { | ||||
| background-color: #fff; | background-color: #fff; | ||||
| border-bottom: 1px solid rgba({$alphagrey}, .12); | border-bottom: 1px solid rgba({$alphagrey}, .12); | ||||
| margin-bottom: 24px; | margin-bottom: 24px; | ||||
| } | } | ||||
| .device .phui-two-column-view .phui-two-column-header { | |||||
| margin-bottom: 12px; | |||||
| } | |||||
| .phui-two-column-view.with-subheader .phui-two-column-header { | .phui-two-column-view.with-subheader .phui-two-column-header { | ||||
| margin-bottom: 0; | margin-bottom: 0; | ||||
| } | } | ||||
| .phui-two-column-header .phui-header-header { | .phui-two-column-header .phui-header-header { | ||||
| font-size: 20px; | font-size: 20px; | ||||
| font-family: 'Aleo', {$fontfamily}; | font-family: 'Aleo', {$fontfamily}; | ||||
| color: #000; | color: #000; | ||||
| ▲ Show 20 Lines • Show All 75 Lines • ▼ Show 20 Lines | .device .phui-two-column-view .phui-timeline-view { | ||||
| background-position: 16px; | background-position: 16px; | ||||
| padding: 0; | padding: 0; | ||||
| } | } | ||||
| .device-phone .phui-two-column-view .phui-timeline-event-view { | .device-phone .phui-two-column-view .phui-timeline-event-view { | ||||
| margin: 0; | margin: 0; | ||||
| } | } | ||||
| .phui-main-column > .phui-timeline-view { | |||||
| border-top: 1px solid {$thinblueborder}; | |||||
| } | |||||
| /* Main Column Properties */ | /* Main Column Properties */ | ||||
| .device-desktop .phui-main-column .phui-property-list-key { | .device-desktop .phui-main-column .phui-property-list-key { | ||||
| margin-left: 0; | margin-left: 0; | ||||
| width: 140px; | width: 140px; | ||||
| } | } | ||||
| .device-desktop .phui-main-column .phui-property-list-value { | .device-desktop .phui-main-column .phui-property-list-value { | ||||
| Show All 29 Lines | |||||
| } | } | ||||
| .phui-two-column-properties .phui-property-list-stacked | .phui-two-column-properties .phui-property-list-stacked | ||||
| .phui-property-list-properties .phui-property-list-value { | .phui-property-list-properties .phui-property-list-value { | ||||
| margin: 0 0 20px 0; | margin: 0 0 20px 0; | ||||
| padding: 0 4px; | padding: 0 4px; | ||||
| } | } | ||||
| .device-desktop .phui-two-column-properties .phui-property-list-container { | .device .phui-two-column-properties .phui-property-list-stacked | ||||
| .phui-property-list-properties .phui-property-list-value { | |||||
| margin-bottom: 12px; | |||||
| } | |||||
| .device-desktop .phui-two-column-properties .phui-property-list-container, | |||||
| .device .phui-two-column-properties .phui-property-list-container { | |||||
| padding: 0; | padding: 0; | ||||
| } | } | ||||
| .device .phui-two-column-properties .phui-property-list-stacked | .device .phui-two-column-properties .phui-property-list-stacked | ||||
| .phui-property-list-properties .phui-property-list-key { | .phui-property-list-properties .phui-property-list-key { | ||||
| margin: 12px 0 4px 0; | margin: 12px 0 4px 0; | ||||
| padding: 0; | padding: 0; | ||||
| border: none; | border: none; | ||||
| } | } | ||||
| .device .phui-two-column-properties .phui-property-list-container { | |||||
| padding: 0 0 12px 0; | |||||
| } | |||||
| .device .phui-two-column-content .phui-two-column-properties.phui-object-box { | .device .phui-two-column-content .phui-two-column-properties.phui-object-box { | ||||
| padding: 0 12px; | padding: 0 12px; | ||||
| } | } | ||||
| .phui-two-column-properties .phabricator-action-view-icon { | .phui-two-column-properties .phabricator-action-view-icon { | ||||
| top: 8px; | top: 8px; | ||||
| left: 8px; | left: 8px; | ||||
| } | } | ||||
| Show All 40 Lines | |||||