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

Center page tabs on mobile

Summary: Centers tabs when used above the page header when on mobile.

Test Plan: Test mobile and desktop layouts of Instances.

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D18368
This commit is contained in:
Chad Little 2017-08-08 16:39:11 -07:00
parent 7119c98744
commit 80b18278b8
2 changed files with 17 additions and 3 deletions

View file

@ -9,7 +9,7 @@ return array(
'names' => array(
'conpherence.pkg.css' => 'e68cf1fa',
'conpherence.pkg.js' => 'b5b51108',
'core.pkg.css' => 'cea08376',
'core.pkg.css' => '5a682e14',
'core.pkg.js' => '5d80e0db',
'darkconsole.pkg.js' => '1f9a31bc',
'differential.pkg.css' => '45951e9e',
@ -42,7 +42,7 @@ return array(
'rsrc/css/application/base/main-menu-view.css' => '16053029',
'rsrc/css/application/base/notification-menu.css' => '73fefdfa',
'rsrc/css/application/base/phui-theme.css' => '9f261c6b',
'rsrc/css/application/base/standard-page-view.css' => 'a0dae682',
'rsrc/css/application/base/standard-page-view.css' => 'c581d2ac',
'rsrc/css/application/chatlog/chatlog.css' => 'd295b020',
'rsrc/css/application/conduit/conduit-api.css' => '7bc725c4',
'rsrc/css/application/config/config-options.css' => 'd55ed093',
@ -802,7 +802,7 @@ return array(
'phabricator-shaped-request' => '7cbe244b',
'phabricator-slowvote-css' => 'a94b7230',
'phabricator-source-code-view-css' => 'aea41829',
'phabricator-standard-page-view' => 'a0dae682',
'phabricator-standard-page-view' => 'c581d2ac',
'phabricator-textareautils' => '320810c8',
'phabricator-title' => '485aaa6c',
'phabricator-tooltip' => '358b8c04',

View file

@ -184,6 +184,20 @@ a.handle-status-closed:hover {
box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
}
.device .phabricator-standard-page-tabs {
margin-bottom: 20px;
}
.device-phone .phabricator-standard-page-tabs {
text-align: center;
}
.device-phone
.phabricator-standard-page-tabs.phui-list-view.phui-list-tabbar > li {
display: inline-block;
float: none;
}
.phabricator-standard-page-tabs.phui-list-tabbar .phui-list-item-href {
padding: 12px 24px;
}