1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-10 00:42:41 +01:00

[Redesign] Clean up spacing on Conpherence Menu

Summary: Ref T8099. This is a little more resilient to font size changes in the main UI.

Test Plan: Change font size in settings, items grow and align correctly.

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: epriestley, Korvin

Maniphest Tasks: T8099

Differential Revision: https://secure.phabricator.com/D13492
This commit is contained in:
Chad Little 2015-06-30 15:23:15 -07:00
parent 1b9659d245
commit d595faf7b7
3 changed files with 19 additions and 20 deletions

View file

@ -7,7 +7,7 @@
*/ */
return array( return array(
'names' => array( 'names' => array(
'core.pkg.css' => '7913d525', 'core.pkg.css' => '53a0131b',
'core.pkg.js' => 'a590b451', 'core.pkg.js' => 'a590b451',
'darkconsole.pkg.js' => 'e7393ebb', 'darkconsole.pkg.js' => 'e7393ebb',
'differential.pkg.css' => 'cf384ffa', 'differential.pkg.css' => 'cf384ffa',
@ -47,7 +47,7 @@ return array(
'rsrc/css/application/config/setup-issue.css' => '631c4e92', 'rsrc/css/application/config/setup-issue.css' => '631c4e92',
'rsrc/css/application/config/unhandled-exception.css' => '4c96257a', 'rsrc/css/application/config/unhandled-exception.css' => '4c96257a',
'rsrc/css/application/conpherence/durable-column.css' => '86396117', 'rsrc/css/application/conpherence/durable-column.css' => '86396117',
'rsrc/css/application/conpherence/menu.css' => 'f9f1d143', 'rsrc/css/application/conpherence/menu.css' => 'f99fee4c',
'rsrc/css/application/conpherence/message-pane.css' => '2c16d204', 'rsrc/css/application/conpherence/message-pane.css' => '2c16d204',
'rsrc/css/application/conpherence/notification.css' => '6cdcc253', 'rsrc/css/application/conpherence/notification.css' => '6cdcc253',
'rsrc/css/application/conpherence/transaction.css' => '85d0974c', 'rsrc/css/application/conpherence/transaction.css' => '85d0974c',
@ -118,7 +118,7 @@ return array(
'rsrc/css/font/phui-font-icon-base.css' => '3dad2ae3', 'rsrc/css/font/phui-font-icon-base.css' => '3dad2ae3',
'rsrc/css/layout/phabricator-filetree-view.css' => 'fccf9f82', 'rsrc/css/layout/phabricator-filetree-view.css' => 'fccf9f82',
'rsrc/css/layout/phabricator-hovercard-view.css' => '3a8553e7', 'rsrc/css/layout/phabricator-hovercard-view.css' => '3a8553e7',
'rsrc/css/layout/phabricator-side-menu-view.css' => '8d13687d', 'rsrc/css/layout/phabricator-side-menu-view.css' => 'bec2458e',
'rsrc/css/layout/phabricator-source-code-view.css' => '5e0178de', 'rsrc/css/layout/phabricator-source-code-view.css' => '5e0178de',
'rsrc/css/phui/calendar/phui-calendar-day.css' => 'd1cf6f93', 'rsrc/css/phui/calendar/phui-calendar-day.css' => 'd1cf6f93',
'rsrc/css/phui/calendar/phui-calendar-list.css' => 'c1c7f338', 'rsrc/css/phui/calendar/phui-calendar-list.css' => 'c1c7f338',
@ -502,7 +502,7 @@ return array(
'config-options-css' => '7fedf08b', 'config-options-css' => '7fedf08b',
'config-welcome-css' => '6abd79be', 'config-welcome-css' => '6abd79be',
'conpherence-durable-column-view' => '86396117', 'conpherence-durable-column-view' => '86396117',
'conpherence-menu-css' => 'f9f1d143', 'conpherence-menu-css' => 'f99fee4c',
'conpherence-message-pane-css' => '2c16d204', 'conpherence-message-pane-css' => '2c16d204',
'conpherence-notification-css' => '6cdcc253', 'conpherence-notification-css' => '6cdcc253',
'conpherence-thread-manager' => '01774ab2', 'conpherence-thread-manager' => '01774ab2',
@ -735,7 +735,7 @@ return array(
'phabricator-remarkup-css' => 'cb0aa7d6', 'phabricator-remarkup-css' => 'cb0aa7d6',
'phabricator-search-results-css' => '7dea472c', 'phabricator-search-results-css' => '7dea472c',
'phabricator-shaped-request' => '7cbe244b', 'phabricator-shaped-request' => '7cbe244b',
'phabricator-side-menu-view-css' => '8d13687d', 'phabricator-side-menu-view-css' => 'bec2458e',
'phabricator-slowvote-css' => '7c27f0f9', 'phabricator-slowvote-css' => '7c27f0f9',
'phabricator-source-code-view-css' => '5e0178de', 'phabricator-source-code-view-css' => '5e0178de',
'phabricator-standard-page-view' => 'def344d6', 'phabricator-standard-page-view' => 'def344d6',

View file

@ -109,16 +109,16 @@
.conpherence-menu .conpherence-menu-item-view { .conpherence-menu .conpherence-menu-item-view {
display: block; display: block;
height: 36px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
text-decoration: none; text-decoration: none;
border-left: 3px solid transparent; border-left: 4px solid transparent;
padding: 4px;
} }
.conpherence-menu .conpherence-selected { .conpherence-menu .conpherence-selected {
background: rgba(0,0,0,0.05); background: rgba(0,0,0,0.05);
border-left: 3px solid {$sky}; border-left: 4px solid {$sky};
} }
.conpherence-menu .phui-list-item-type-link .phui-list-item-href { .conpherence-menu .phui-list-item-type-link .phui-list-item-href {
@ -127,7 +127,7 @@
.device-desktop .conpherence-menu .device-desktop .conpherence-menu
.conpherence-selected.conpherence-menu-item-view:hover { .conpherence-selected.conpherence-menu-item-view:hover {
background-color: rgba(0,0,0,0.05); background-color: rgba(0,0,0,0.07);
} }
.conpherence-menu .loading { .conpherence-menu .loading {
@ -139,20 +139,19 @@
} }
.conpherence-menu .conpherence-menu-item-view .conpherence-menu-item-image { .conpherence-menu .conpherence-menu-item-view .conpherence-menu-item-image {
top: 4px; width: 26px;
left: 6px; height: 26px;
display: block; background-size: 26px;
position: absolute; box-shadow: {$borderinset};
width: 24px; border-radius: 3px;
height: 24px; float: left;
background-size: 24px; margin-left: 4px;
border: 2px solid #fff;
} }
.conpherence-menu .conpherence-menu-item-view .conpherence-menu-item-title { .conpherence-menu .conpherence-menu-item-view .conpherence-menu-item-title {
display: block; display: block;
margin-top: 9px; padding: 4px 0 4px 8px;
margin-left: 40px; float: left;
text-align: left; text-align: left;
font-weight: bold; font-weight: bold;
font-size: {$normalfontsize}; font-size: {$normalfontsize};

View file

@ -20,7 +20,7 @@
.phabricator-side-menu .phui-list-item-selected { .phabricator-side-menu .phui-list-item-selected {
background-color: rgba(0,0,0,.05); background-color: rgba(0,0,0,.05);
border-left: 4px solid {$blue}; border-left: 4px solid {$sky};
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
font-weight: bold; font-weight: bold;