revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-18 12:52:42 +01:00
Code Issues Releases Wiki Activity

[Redesign] Home nav normalization

Browse source 
Summary: Ref T8099, makes the home nav elements more resilient to font size changes, fixes alignment on mobile.

Test Plan: Review home nav with smaller and larger font, check hover states, check phone layouts.

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: epriestley, Korvin

Maniphest Tasks: T8099

Differential Revision: https://secure.phabricator.com/D13465
This commit is contained in:
Chad Little 2015-06-28 18:02:44 -07:00
parent 12bbc63aae
commit a5e8bbf3f4
3 changed files with 16 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
resources/celerity/map.php
View file

@ -7,7 +7,7 @@
*/ */
return array( return array(
'names' => array( 'names' => array(
'core.pkg.css' => '2456ec12', 'core.pkg.css' => 'b8d31fec',
'core.pkg.js' => 'a590b451', 'core.pkg.js' => 'a590b451',
'darkconsole.pkg.js' => 'e7393ebb', 'darkconsole.pkg.js' => 'e7393ebb',
'differential.pkg.css' => '1b36e899', 'differential.pkg.css' => '1b36e899',
@ -24,7 +24,7 @@ return array(
'rsrc/css/aphront/multi-column.css' => 'fd18389d', 'rsrc/css/aphront/multi-column.css' => 'fd18389d',
'rsrc/css/aphront/notification.css' => '9c279160', 'rsrc/css/aphront/notification.css' => '9c279160',
'rsrc/css/aphront/panel-view.css' => '8427b78d', 'rsrc/css/aphront/panel-view.css' => '8427b78d',
'rsrc/css/aphront/phabricator-nav-view.css' => 'f1982787', 'rsrc/css/aphront/phabricator-nav-view.css' => 'a24cb589',
'rsrc/css/aphront/table-view.css' => 'e3632cc9', 'rsrc/css/aphront/table-view.css' => 'e3632cc9',
'rsrc/css/aphront/tokenizer.css' => '04875312', 'rsrc/css/aphront/tokenizer.css' => '04875312',
'rsrc/css/aphront/tooltip.css' => '7672b60f', 'rsrc/css/aphront/tooltip.css' => '7672b60f',
@ -35,7 +35,7 @@ return array(
'rsrc/css/application/auth/auth.css' => 'dc62cb0e', 'rsrc/css/application/auth/auth.css' => 'dc62cb0e',
'rsrc/css/application/base/main-menu-view.css' => '09265034', 'rsrc/css/application/base/main-menu-view.css' => '09265034',
'rsrc/css/application/base/notification-menu.css' => 'f31c0bde', 'rsrc/css/application/base/notification-menu.css' => 'f31c0bde',
'rsrc/css/application/base/phabricator-application-launch-view.css' => 'fa820ddf', 'rsrc/css/application/base/phabricator-application-launch-view.css' => '077e63cb',
'rsrc/css/application/base/phui-theme.css' => 'f54d2901', 'rsrc/css/application/base/phui-theme.css' => 'f54d2901',
'rsrc/css/application/base/standard-page-view.css' => 'def344d6', 'rsrc/css/application/base/standard-page-view.css' => 'def344d6',
'rsrc/css/application/calendar/calendar-icon.css' => 'c69aa59f', 'rsrc/css/application/calendar/calendar-icon.css' => 'c69aa59f',
@ -706,7 +706,7 @@ return array(
'path-typeahead' => 'f7fc67ec', 'path-typeahead' => 'f7fc67ec',
'people-profile-css' => '25970776', 'people-profile-css' => '25970776',
'phabricator-action-list-view-css' => '32c388b3', 'phabricator-action-list-view-css' => '32c388b3',
'phabricator-application-launch-view-css' => 'fa820ddf', 'phabricator-application-launch-view-css' => '077e63cb',
'phabricator-busy' => '59a7976a', 'phabricator-busy' => '59a7976a',
'phabricator-chatlog-css' => 'd295b020', 'phabricator-chatlog-css' => 'd295b020',
'phabricator-content-source-view-css' => '4b8b05d4', 'phabricator-content-source-view-css' => '4b8b05d4',
@ -725,7 +725,7 @@ return array(
'phabricator-keyboard-shortcut' => '1ae869f2', 'phabricator-keyboard-shortcut' => '1ae869f2',
'phabricator-keyboard-shortcut-manager' => 'c1700f6f', 'phabricator-keyboard-shortcut-manager' => 'c1700f6f',
'phabricator-main-menu-view' => '09265034', 'phabricator-main-menu-view' => '09265034',
'phabricator-nav-view-css' => 'f1982787', 'phabricator-nav-view-css' => 'a24cb589',
'phabricator-notification' => 'ccf1cbf8', 'phabricator-notification' => 'ccf1cbf8',
'phabricator-notification-css' => '9c279160', 'phabricator-notification-css' => '9c279160',
'phabricator-notification-menu-css' => 'f31c0bde', 'phabricator-notification-menu-css' => 'f31c0bde',

1
webroot/rsrc/css/aphront/phabricator-nav-view.css
View file

@ -79,4 +79,5 @@
.device-phone .phabricator-side-menu-home .phabricator-nav-local { .device-phone .phabricator-side-menu-home .phabricator-nav-local {
width: 100%; width: 100%;
padding-top: 0; padding-top: 0;
margin-top: 0;
} }

14
webroot/rsrc/css/application/base/phabricator-application-launch-view.css
View file

@ -29,9 +29,9 @@ div.phabricator-application-launch-container {
position: relative; position: relative;
text-decoration: none; text-decoration: none;
width: 100%; width: 100%;
height: 44px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
padding: 4px 0;
} }
.device-phone div.phabricator-application-launch-container { .device-phone div.phabricator-application-launch-container {
@ -42,7 +42,7 @@ div.phabricator-application-launch-container {
position: absolute; position: absolute;
width: 18px; width: 18px;
height: 18px; height: 18px;
top: 8px; top: 12px;
left: 10px; left: 10px;
font-size: 18px; font-size: 18px;
text-align: center; text-align: center;
@ -56,23 +56,29 @@ div.phabricator-application-launch-container {
text-decoration: none; text-decoration: none;
} }
.device-desktop a.phabricator-application-launch-container:hover
.phabricator-application-launch-icon {
color: {$sky};
}
.phabricator-application-launch-name { .phabricator-application-launch-name {
display: block; display: block;
font-weight: bold; font-weight: bold;
color: {$darkbluetext}; color: {$darkbluetext};
font-size: {$normalfontsize}; font-size: {$normalfontsize};
margin: 6px 0 2px 38px; margin-left: 36px;
} }
.phabricator-application-launch-description { .phabricator-application-launch-description {
color: {$bluetext}; color: {$bluetext};
font-size: {$smallestfontsize}; font-size: {$smallestfontsize};
margin-left: 38px; margin-left: 36px;
text-overflow: ellipsis; text-overflow: ellipsis;
width: 150px; width: 150px;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
display: inline-block; display: inline-block;
padding: 2px 0 0 0;
} }
.phabricator-application-launch-attention { .phabricator-application-launch-attention {