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

Mobile CSS fixies.

Browse source 
Summary: Fixing some of my own issues, but also consolidated menu styles and enlarged the search box.

Test Plan: iOS and Chrome, checked core menu and app menu (config).

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: aran, Korvin

Maniphest Tasks: T2426

Differential Revision: https://secure.phabricator.com/D4681
This commit is contained in:
Chad Little 2013-01-27 07:59:05 -08:00
parent ba3b7854fc
commit 7e5169ae11
3 changed files with 63 additions and 68 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

84
src/__celerity_resource_map__.php
View file

@ -2713,7 +2713,7 @@ celerity_register_resource_map(array(
), ),
'phabricator-main-menu-view' => 'phabricator-main-menu-view' =>
array( array(
'uri' => '/res/38ec42d4/rsrc/css/application/base/main-menu-view.css', 'uri' => '/res/b2087794/rsrc/css/application/base/main-menu-view.css',
'type' => 'css', 'type' => 'css',
'requires' => 'requires' =>
array( array(
@ -2733,7 +2733,7 @@ celerity_register_resource_map(array(
), ),
'phabricator-nav-view-css' => 'phabricator-nav-view-css' =>
array( array(
'uri' => '/res/df20ec17/rsrc/css/aphront/phabricator-nav-view.css', 'uri' => '/res/f3c78a53/rsrc/css/aphront/phabricator-nav-view.css',
'type' => 'css', 'type' => 'css',
'requires' => 'requires' =>
array( array(
@ -3346,7 +3346,7 @@ celerity_register_resource_map(array(
), array( ), array(
'packages' => 'packages' =>
array( array(
'023adc14' => 'd5fb4b74' =>
array( array(
'name' => 'core.pkg.css', 'name' => 'core.pkg.css',
'symbols' => 'symbols' =>
@ -3390,7 +3390,7 @@ celerity_register_resource_map(array(
36 => 'phabricator-object-item-list-view-css', 36 => 'phabricator-object-item-list-view-css',
37 => 'global-drag-and-drop-css', 37 => 'global-drag-and-drop-css',
), ),
'uri' => '/res/pkg/023adc14/core.pkg.css', 'uri' => '/res/pkg/d5fb4b74/core.pkg.css',
'type' => 'css', 'type' => 'css',
), ),
'66dca903' => '66dca903' =>
@ -3580,19 +3580,19 @@ celerity_register_resource_map(array(
'reverse' => 'reverse' =>
array( array(
'aphront-attached-file-view-css' => 'e30a3fa8', 'aphront-attached-file-view-css' => 'e30a3fa8',
'aphront-crumbs-view-css' => '023adc14', 'aphront-crumbs-view-css' => 'd5fb4b74',
'aphront-dialog-view-css' => '023adc14', 'aphront-dialog-view-css' => 'd5fb4b74',
'aphront-error-view-css' => '023adc14', 'aphront-error-view-css' => 'd5fb4b74',
'aphront-form-view-css' => '023adc14', 'aphront-form-view-css' => 'd5fb4b74',
'aphront-headsup-action-list-view-css' => 'ec01d039', 'aphront-headsup-action-list-view-css' => 'ec01d039',
'aphront-headsup-view-css' => '023adc14', 'aphront-headsup-view-css' => 'd5fb4b74',
'aphront-list-filter-view-css' => '023adc14', 'aphront-list-filter-view-css' => 'd5fb4b74',
'aphront-pager-view-css' => '023adc14', 'aphront-pager-view-css' => 'd5fb4b74',
'aphront-panel-view-css' => '023adc14', 'aphront-panel-view-css' => 'd5fb4b74',
'aphront-table-view-css' => '023adc14', 'aphront-table-view-css' => 'd5fb4b74',
'aphront-tokenizer-control-css' => '023adc14', 'aphront-tokenizer-control-css' => 'd5fb4b74',
'aphront-tooltip-css' => '023adc14', 'aphront-tooltip-css' => 'd5fb4b74',
'aphront-typeahead-control-css' => '023adc14', 'aphront-typeahead-control-css' => 'd5fb4b74',
'differential-changeset-view-css' => 'ec01d039', 'differential-changeset-view-css' => 'ec01d039',
'differential-core-view-css' => 'ec01d039', 'differential-core-view-css' => 'ec01d039',
'differential-inline-comment-editor' => '310cd201', 'differential-inline-comment-editor' => '310cd201',
@ -3606,7 +3606,7 @@ celerity_register_resource_map(array(
'differential-table-of-contents-css' => 'ec01d039', 'differential-table-of-contents-css' => 'ec01d039',
'diffusion-commit-view-css' => 'c8ce2d88', 'diffusion-commit-view-css' => 'c8ce2d88',
'diffusion-icons-css' => 'c8ce2d88', 'diffusion-icons-css' => 'c8ce2d88',
'global-drag-and-drop-css' => '023adc14', 'global-drag-and-drop-css' => 'd5fb4b74',
'inline-comment-summary-css' => 'ec01d039', 'inline-comment-summary-css' => 'ec01d039',
'javelin-aphlict' => '66dca903', 'javelin-aphlict' => '66dca903',
'javelin-behavior' => 'fbeded59', 'javelin-behavior' => 'fbeded59',
@ -3676,48 +3676,48 @@ celerity_register_resource_map(array(
'javelin-util' => 'fbeded59', 'javelin-util' => 'fbeded59',
'javelin-vector' => 'fbeded59', 'javelin-vector' => 'fbeded59',
'javelin-workflow' => 'fbeded59', 'javelin-workflow' => 'fbeded59',
'lightbox-attachment-css' => '023adc14', 'lightbox-attachment-css' => 'd5fb4b74',
'maniphest-task-summary-css' => 'e30a3fa8', 'maniphest-task-summary-css' => 'e30a3fa8',
'maniphest-transaction-detail-css' => 'e30a3fa8', 'maniphest-transaction-detail-css' => 'e30a3fa8',
'phabricator-busy' => '66dca903', 'phabricator-busy' => '66dca903',
'phabricator-content-source-view-css' => 'ec01d039', 'phabricator-content-source-view-css' => 'ec01d039',
'phabricator-core-buttons-css' => '023adc14', 'phabricator-core-buttons-css' => 'd5fb4b74',
'phabricator-core-css' => '023adc14', 'phabricator-core-css' => 'd5fb4b74',
'phabricator-crumbs-view-css' => '023adc14', 'phabricator-crumbs-view-css' => 'd5fb4b74',
'phabricator-directory-css' => '023adc14', 'phabricator-directory-css' => 'd5fb4b74',
'phabricator-drag-and-drop-file-upload' => '310cd201', 'phabricator-drag-and-drop-file-upload' => '310cd201',
'phabricator-dropdown-menu' => '66dca903', 'phabricator-dropdown-menu' => '66dca903',
'phabricator-file-upload' => '66dca903', 'phabricator-file-upload' => '66dca903',
'phabricator-filetree-view-css' => '023adc14', 'phabricator-filetree-view-css' => 'd5fb4b74',
'phabricator-flag-css' => '023adc14', 'phabricator-flag-css' => 'd5fb4b74',
'phabricator-form-view-css' => '023adc14', 'phabricator-form-view-css' => 'd5fb4b74',
'phabricator-header-view-css' => '023adc14', 'phabricator-header-view-css' => 'd5fb4b74',
'phabricator-jump-nav' => '023adc14', 'phabricator-jump-nav' => 'd5fb4b74',
'phabricator-keyboard-shortcut' => '66dca903', 'phabricator-keyboard-shortcut' => '66dca903',
'phabricator-keyboard-shortcut-manager' => '66dca903', 'phabricator-keyboard-shortcut-manager' => '66dca903',
'phabricator-main-menu-view' => '023adc14', 'phabricator-main-menu-view' => 'd5fb4b74',
'phabricator-menu-item' => '66dca903', 'phabricator-menu-item' => '66dca903',
'phabricator-nav-view-css' => '023adc14', 'phabricator-nav-view-css' => 'd5fb4b74',
'phabricator-notification' => '66dca903', 'phabricator-notification' => '66dca903',
'phabricator-notification-css' => '023adc14', 'phabricator-notification-css' => 'd5fb4b74',
'phabricator-notification-menu-css' => '023adc14', 'phabricator-notification-menu-css' => 'd5fb4b74',
'phabricator-object-item-list-view-css' => '023adc14', 'phabricator-object-item-list-view-css' => 'd5fb4b74',
'phabricator-object-selector-css' => 'ec01d039', 'phabricator-object-selector-css' => 'ec01d039',
'phabricator-paste-file-upload' => '66dca903', 'phabricator-paste-file-upload' => '66dca903',
'phabricator-prefab' => '66dca903', 'phabricator-prefab' => '66dca903',
'phabricator-project-tag-css' => 'e30a3fa8', 'phabricator-project-tag-css' => 'e30a3fa8',
'phabricator-remarkup-css' => '023adc14', 'phabricator-remarkup-css' => 'd5fb4b74',
'phabricator-shaped-request' => '310cd201', 'phabricator-shaped-request' => '310cd201',
'phabricator-side-menu-view-css' => '023adc14', 'phabricator-side-menu-view-css' => 'd5fb4b74',
'phabricator-standard-page-view' => '023adc14', 'phabricator-standard-page-view' => 'd5fb4b74',
'phabricator-textareautils' => '66dca903', 'phabricator-textareautils' => '66dca903',
'phabricator-tooltip' => '66dca903', 'phabricator-tooltip' => '66dca903',
'phabricator-transaction-view-css' => '023adc14', 'phabricator-transaction-view-css' => 'd5fb4b74',
'phabricator-zindex-css' => '023adc14', 'phabricator-zindex-css' => 'd5fb4b74',
'sprite-apps-large-css' => '023adc14', 'sprite-apps-large-css' => 'd5fb4b74',
'sprite-gradient-css' => '023adc14', 'sprite-gradient-css' => 'd5fb4b74',
'sprite-icon-css' => '023adc14', 'sprite-icon-css' => 'd5fb4b74',
'sprite-menu-css' => '023adc14', 'sprite-menu-css' => 'd5fb4b74',
'syntax-highlighting-css' => '023adc14', 'syntax-highlighting-css' => 'd5fb4b74',
), ),
)); ));

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

@ -83,9 +83,3 @@
.device-desktop .phabricator-side-menu-home .phabricator-nav-content { .device-desktop .phabricator-side-menu-home .phabricator-nav-content {
margin-left: 240px; margin-left: 240px;
} }
/* Chrome annoyingly has a url display over the nav
if the nav is the tallest page (home) */
.phabricator-menu-view {
margin-bottom: 40px;
}

41
webroot/rsrc/css/application/base/main-menu-view.css
View file

@ -152,6 +152,7 @@
} }
.device .phabricator-main-menu-search-container { .device .phabricator-main-menu-search-container {
padding: 0;
margin: 0 18px 0 60px; margin: 0 18px 0 60px;
} }
@ -172,6 +173,12 @@
padding: 6px 32px 6px 10px; padding: 6px 32px 6px 10px;
} }
.device .phabricator-main-menu-search input {
height: 16px;
font-size: 15px;
border-radius: 15px;
}
.phabricator-main-menu-search input:focus { .phabricator-main-menu-search input:focus {
background: #c9c9c9; background: #c9c9c9;
} }
@ -196,6 +203,11 @@
right: 6px; right: 6px;
} }
.device .phabricator-main-menu-search button {
top: 3px;
}
.phabricator-main-menu-search-target div.jx-typeahead-results { .phabricator-main-menu-search-target div.jx-typeahead-results {
border-radius: 4px; border-radius: 4px;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.35); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.35);
@ -299,23 +311,16 @@ a:hover .phabricator-main-search-typeahead-result .result-type {
.device .phabricator-dark-menu, .device .phabricator-dark-menu,
.device .phabricator-dark-menu a.phabricator-menu-item-type-link { .device .phabricator-dark-menu a.phabricator-menu-item-type-link {
color: #fff; color: #fff;
}
.device .phabricator-dark-menu .phabricator-menu-item-view {
display: block;
padding: 4px 0;
} }
.device .phabricator-dark-menu .phabricator-menu-item-type-label { .device .phabricator-dark-menu .phabricator-menu-item-type-label {
text-transform: uppercase; text-transform: uppercase;
font-size: 11px; font-size: 12px;
background-color: #151719; background-color: #151719;
padding: 0 0 0 12px; padding: 0 0 0 12px;
height: 24px; height: 25px;
} font-weight: bold;
.device .phabricator-dark-menu .phabricator-menu-item-type-spacer {
display: none;
} }
.device .phabricator-dark-menu .phabricator-menu-item-type-label .device .phabricator-dark-menu .phabricator-menu-item-type-label
@ -329,6 +334,8 @@ a:hover .phabricator-main-search-typeahead-result .result-type {
border-style: solid; border-style: solid;
border-color: #34373b transparent #282c2d; border-color: #34373b transparent #282c2d;
background-image: url(/rsrc/image/texture/dark-menu.png); background-image: url(/rsrc/image/texture/dark-menu.png);
padding: 4px 0;
display: block;
} }
@ -355,18 +362,18 @@ a:hover .phabricator-main-search-typeahead-result .result-type {
.device .phabricator-core-menu-expanded .phabricator-core-menu { .device .phabricator-core-menu-expanded .phabricator-core-menu {
display: block; display: block;
padding-top: 44px; padding-top: 4px;
} }
.device .phabricator-core-menu .phabricator-menu-item-type-link { .device .phabricator-dark-menu .phabricator-menu-item-type-link {
font-size: 15px; font-size: 15px;
min-height: 30px; min-height: 30px;
line-height: 28px;
} }
.device .phabricator-core-menu .device .phabricator-core-menu
.phabricator-menu-item-type-link .phabricator-menu-item-name { .phabricator-menu-item-type-link .phabricator-menu-item-name {
margin-left: 40px; margin-left: 40px;
line-height: 28px;
} }
.device-desktop .phabricator-core-menu { .device-desktop .phabricator-core-menu {
@ -417,7 +424,7 @@ a:hover .phabricator-main-search-typeahead-result .result-type {
.device .phabricator-application-menu-expanded .phabricator-application-menu { .device .phabricator-application-menu-expanded .phabricator-application-menu {
display: block; display: block;
padding-top: 44px; padding-top: 4px;
} }
.phabricator-application-menu { .phabricator-application-menu {
@ -428,9 +435,3 @@ a:hover .phabricator-main-search-typeahead-result .result-type {
.phabricator-menu-item-name { .phabricator-menu-item-name {
padding-left: 12px; padding-left: 12px;
} }
.device .phabricator-application-menu-expanded .phabricator-application-menu {
display: block;
padding-top: 44px;
}