diff --git a/resources/celerity/map.php b/resources/celerity/map.php --- a/resources/celerity/map.php +++ b/resources/celerity/map.php @@ -7,9 +7,9 @@ */ return array( 'names' => array( - 'conpherence.pkg.css' => '4aa80958', + 'conpherence.pkg.css' => '2bb61f5a', 'conpherence.pkg.js' => '11f3e07e', - 'core.pkg.css' => '2fd26498', + 'core.pkg.css' => '55d32e63', 'core.pkg.js' => '1d376fa9', 'darkconsole.pkg.js' => 'e7393ebb', 'differential.pkg.css' => '3fb7f532', @@ -23,7 +23,7 @@ 'rsrc/css/aphront/dialog-view.css' => '593d3f67', 'rsrc/css/aphront/lightbox-attachment.css' => '7acac05d', 'rsrc/css/aphront/list-filter-view.css' => '5d6f0526', - 'rsrc/css/aphront/multi-column.css' => 'fd18389d', + 'rsrc/css/aphront/multi-column.css' => '84cc6640', 'rsrc/css/aphront/notification.css' => '3f6c89c9', 'rsrc/css/aphront/panel-view.css' => '8427b78d', 'rsrc/css/aphront/phabricator-nav-view.css' => 'b29426e9', @@ -46,7 +46,7 @@ 'rsrc/css/application/config/config-template.css' => '8f18fa41', 'rsrc/css/application/config/setup-issue.css' => 'f794cfc3', 'rsrc/css/application/config/unhandled-exception.css' => '4c96257a', - 'rsrc/css/application/conpherence/durable-column.css' => '194ac487', + 'rsrc/css/application/conpherence/durable-column.css' => '75180fff', 'rsrc/css/application/conpherence/header-pane.css' => '517de9fe', 'rsrc/css/application/conpherence/menu.css' => '78c7b811', 'rsrc/css/application/conpherence/message-pane.css' => '60e10176', @@ -164,7 +164,7 @@ 'rsrc/css/phui/phui-timeline-view.css' => 'bc523970', 'rsrc/css/phui/phui-two-column-view.css' => 'fcfbe347', 'rsrc/css/phui/workboards/phui-workboard-color.css' => 'ac6fe6a7', - 'rsrc/css/phui/workboards/phui-workboard.css' => 'bda3ef58', + 'rsrc/css/phui/workboards/phui-workboard.css' => 'e09eb53a', 'rsrc/css/phui/workboards/phui-workcard.css' => '0c62d7c5', 'rsrc/css/phui/workboards/phui-workpanel.css' => '92197373', 'rsrc/css/sprite-login.css' => '6dbbbd97', @@ -605,7 +605,7 @@ 'aphront-dark-console-css' => 'f54bf286', 'aphront-dialog-view-css' => '593d3f67', 'aphront-list-filter-view-css' => '5d6f0526', - 'aphront-multi-column-view-css' => 'fd18389d', + 'aphront-multi-column-view-css' => '84cc6640', 'aphront-panel-view-css' => '8427b78d', 'aphront-table-view-css' => '3225137a', 'aphront-tokenizer-control-css' => '056da01b', @@ -618,7 +618,7 @@ 'conduit-api-css' => '7bc725c4', 'config-options-css' => '0ede4c9b', 'config-page-css' => '8798e14f', - 'conpherence-durable-column-view' => '194ac487', + 'conpherence-durable-column-view' => '75180fff', 'conpherence-header-pane-css' => '517de9fe', 'conpherence-menu-css' => '78c7b811', 'conpherence-message-pane-css' => '60e10176', @@ -943,7 +943,7 @@ 'phui-timeline-view-css' => 'bc523970', 'phui-two-column-view-css' => 'fcfbe347', 'phui-workboard-color-css' => 'ac6fe6a7', - 'phui-workboard-view-css' => 'bda3ef58', + 'phui-workboard-view-css' => 'e09eb53a', 'phui-workcard-view-css' => '0c62d7c5', 'phui-workpanel-view-css' => '92197373', 'phuix-action-list-view' => 'b5c256b8', diff --git a/src/applications/conpherence/view/ConpherenceDurableColumnView.php b/src/applications/conpherence/view/ConpherenceDurableColumnView.php --- a/src/applications/conpherence/view/ConpherenceDurableColumnView.php +++ b/src/applications/conpherence/view/ConpherenceDurableColumnView.php @@ -125,14 +125,7 @@ $classes = array(); $classes[] = 'conpherence-durable-column-header'; - $classes[] = 'phabricator-main-menu-background'; - - $loading_mask = phutil_tag( - 'div', - array( - 'class' => 'loading-mask', - ), - ''); + $classes[] = 'grouped'; $header = phutil_tag( 'div', @@ -175,23 +168,7 @@ $input = $this->buildTextInput(); - $footer = phutil_tag( - 'div', - array( - 'class' => 'conpherence-durable-column-footer', - ), - array( - $this->buildSendButton(), - phutil_tag( - 'div', - array( - 'class' => 'conpherence-durable-column-status', - ), - $this->buildStatusText()), - )); - return array( - $loading_mask, $header, javelin_tag( 'div', @@ -203,7 +180,6 @@ $icon_bar, $content, $input, - $footer, )), ); } @@ -263,26 +239,10 @@ ), '')); } - $icons[] = $this->buildSearchButton(); return $icons; } - private function buildSearchButton() { - return phutil_tag( - 'div', - array( - 'class' => 'conpherence-durable-column-search-button', - ), - id(new PHUIButtonBarView()) - ->addButton( - id(new PHUIButtonView()) - ->setTag('a') - ->setHref('/conpherence/search/') - ->setColor(PHUIButtonView::GREY) - ->setIcon('fa-search'))); - } - private function buildHeader() { $conpherence = $this->getSelectedConpherence(); @@ -354,7 +314,7 @@ phutil_tag( 'div', array( - 'class' => 'conpherence-durable-column-header', + 'class' => 'conpherence-durable-column-header-inner', ), array( javelin_tag( diff --git a/webroot/rsrc/css/aphront/multi-column.css b/webroot/rsrc/css/aphront/multi-column.css --- a/webroot/rsrc/css/aphront/multi-column.css +++ b/webroot/rsrc/css/aphront/multi-column.css @@ -182,39 +182,3 @@ margin: 0 0 16px; } } - -/* Make Dashboards with Durable reasonably display on homepage narrow widths */ -@media (max-width: 1300px) { - .device-desktop.with-durable-column .dashboard-view - .aphront-multi-column-inner { - display: block; - width: auto; - } - .device-desktop.with-durable-column .dashboard-view - .aphront-multi-column-column-outer { - display: block; - border: none; - } - .device-desktop.with-durable-column .dashboard-view - .aphront-multi-column-column.mlr { - margin: 0; - } - .device-desktop.with-durable-column .dashboard-view - .aphront-multi-column-fluid .aphront-multi-column-2-up - .aphront-multi-column-column-outer.half { - width: auto; - margin: 0 0 16px; - } - .device-desktop.with-durable-column .dashboard-view - .aphront-multi-column-fluid .aphront-multi-column-2-up - .aphront-multi-column-column-outer.thirds { - width: auto; - margin: 0 0 16px; - } - .device-desktop.with-durable-column .dashboard-view - .aphront-multi-column-fluid .aphront-multi-column-2-up - .aphront-multi-column-column-outer.third { - width: auto; - margin: 0 0 16px; - } -} diff --git a/webroot/rsrc/css/application/conpherence/durable-column.css b/webroot/rsrc/css/application/conpherence/durable-column.css --- a/webroot/rsrc/css/application/conpherence/durable-column.css +++ b/webroot/rsrc/css/application/conpherence/durable-column.css @@ -2,63 +2,18 @@ * @provides conpherence-durable-column-view */ -.with-durable-column .phabricator-standard-page-body { - margin-right: 300px; -} - -.with-durable-margin .phabricator-standard-page-body { - margin-right: 312px; -} - -.with-durable-column .phabricator-main-menu { - padding-right: 304px; -} - -.with-durable-margin .phabricator-main-menu { - padding-right: 316px; -} - -.with-durable-column -.phabricator-global-upload-instructions { - font-size: 28px; - width: 50%; -} - .global-upload-mask { pointer-events: none; } -.with-durable-column .global-upload-mask { - right: 300px; -} - -.with-durable-margin .global-upload-mask { - right: 312px; -} - .conpherence-durable-column { position: fixed; - top: 0; bottom: 0; - right: 0; + right: 12px; width: 300px; + height: 380px; background: #fff; -} - -.with-durable-margin .conpherence-durable-column { - border-right: 12px solid {$lightgreybackground}; -} - -.conpherence-durable-column .loading-mask { - position: absolute; - top: 90px; - bottom: 0; - right: 1px; - width: 298px; - background: #fff; - display: none; - opacity: .6; - z-index: 2; + box-shadow: 0px 1px 8px rgba(55,55,55, .3); } .device-desktop .conpherence-durable-column.loading .loading-mask { @@ -75,60 +30,73 @@ padding-right: 4px; width: 36px; } -.conpherence-durable-column-header -.phabricator-application-menu .phui-list-item-view.core-menu-item { - display: block; -} -.conpherence-durable-column-header -.phabricator-application-menu .phui-list-item-name { - display: none; + +.conpherence-durable-column-header .phabricator-application-menu + .phui-list-item-view.core-menu-item { + display: block; } -.conpherence-durable-column-header -.phabricator-application-menu .phui-list-item-view { - float: left; - position: relative; - width: 36px; - height: 36px; - margin-top: 4px; + +.conpherence-durable-column-header .phabricator-application-menu + .phui-list-item-name { + display: none; } -.conpherence-durable-column-header -.phabricator-application-menu .phui-list-item-href { - background: transparent; - border: none; - padding: 0; + +.conpherence-durable-column-header .phabricator-application-menu + .phui-list-item-view { + float: left; + position: relative; + width: 30px; + height: 30px; + margin-top: 2px; } -.conpherence-durable-column-header -.phabricator-dark-menu .phui-list-item-type-link { - background: transparent; + +.conpherence-durable-column-header .phabricator-application-menu + .phui-list-item-href { + background: transparent; + border: none; + padding: 0; } -.conpherence-durable-column-header -.phabricator-application-menu -.phui-list-item-view.core-menu-item { - display: block; + +.conpherence-durable-column-header .phabricator-application-menu + .phui-list-item-view.core-menu-item { + display: block; } .conpherence-durable-column-header { - border-left: 1px solid rgba({$alphablack},.1); - border-right: 1px solid rgba({$alphablack},.1); + border-top-right-radius: 3px; + border-top-left-radius: 3px; + background-color: #525867; +} + +.conpherence-durable-column-header + .phabricator-main-menu-dropdown.phui-list-sidenav { + top: 30px; } .conpherence-durable-column-header-text { float: left; - padding: 13px 0 12px 12px; - font-size: 15px; - color: {$hoverwhite}; + padding: 8px 0 8px 10px; + color: #fff; width: 230px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; + text-shadow: 1px 1px 0 rgba(0,0,0,.6); +} + +.conpherence-durable-column-header .phabricator-application-menu + .phui-list-item-icon.phui-font-fa { + font-size: 14px; + margin: 8px 10px; } .conpherence-durable-column-header-text .phui-icon-view { - color: {$hoverwhite}; + color: #fff; + text-shadow: 1px 1px 0 rgba(0,0,0,.6); } .conpherence-durable-column-icon-bar { - height: 38px; + height: 32px; padding: 4px; background-color: {$lightgreybackground}; } @@ -136,23 +104,11 @@ .conpherence-durable-column-icon-bar .conpherence-durable-column-thread-icon { float: left; display: block; - height: 34px; - width: 34px; + height: 28px; + width: 28px; border: 2px solid transparent; border-radius: 3px; - margin: 0 4px 0 0; -} - -.conpherence-durable-column-icon-bar .conpherence-durable-column-search-button { - margin: 4px 0px 0px 0px; -} -.conpherence-durable-column-icon-bar .phui-button-bar { -} -.conpherence-durable-column-icon-bar .phui-button-bar a.button.has-icon { - height: 21px; -} -.conpherence-durable-column-icon-bar .phui-button-bar .button .phui-icon-view { - top: 8px; + margin: 0 2px 0 0; } .conpherence-durable-column-icon-bar @@ -164,30 +120,25 @@ .conpherence-durable-column-thread-icon span { position: relative; display: block; - width: 30px; - height: 30px; + width: 24px; + height: 24px; top: 2px; left: 2px; - background-size: 30px 30px; + background-size: 24px 24px; } .conpherence-durable-column-body { position: absolute; - top: 44px; + top: 34px; bottom: 0; right: 0; left: 0; - border-left: 1px solid {$lightblueborder}; -} - -.with-durable-margin .conpherence-durable-column-body { - border-right: 1px solid {$lightblueborder}; } .conpherence-durable-column-main { position: absolute; - top: 46px; - bottom: 134px; + top: 40px; + bottom: 36px; left: 0; right: 0; overflow-x: hidden; @@ -295,42 +246,23 @@ position: absolute; left: 0; right: 0; - bottom: 34px; - height: 100px; + bottom: 0; + height: 36px; margin: 0; - border-width: 1px 0; + border-width: 1px 0 0 0; border-style: solid; border-top-color: {$thinblueborder}; - border-bottom-color: {$thinblueborder}; - padding: 8px 12px; + padding: 8px; width: 100%; resize: none; } .conpherence-durable-column-textarea:focus { outline: 0; - border-top-color: {$sky}; - border-bottom-color: {$sky}; + border-top-color: {$lightblueborder}; box-shadow: none; } .conpherence-durable-column-footer { - position: absolute; - height: 26px; - padding: 4px 8px 4px 12px; - left: 0; - right: 0; - bottom: 0; - background-color: {$lightgreybackground}; -} - -.conpherence-durable-column-footer button { - float: right; -} - -.conpherence-durable-column-status { - vertical-align: middle; - line-height: 24px; - font-size: {$smallerfontsize}; - color: {$lightbluetext}; + display: none; } diff --git a/webroot/rsrc/css/phui/workboards/phui-workboard.css b/webroot/rsrc/css/phui/workboards/phui-workboard.css --- a/webroot/rsrc/css/phui/workboards/phui-workboard.css +++ b/webroot/rsrc/css/phui/workboards/phui-workboard.css @@ -22,14 +22,6 @@ background-color: #fff; } -.device-desktop.with-durable-column .phui-workboard-view-shadow { - right: 300px; -} - -.device-desktop.with-durable-margin .phui-workboard-view-shadow { - right: 312px; -} - .phui-workboard-view-shadow::-webkit-scrollbar { height: 8px; width: 8px;