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

Remove workboard shadow, slightly nicer mobile view

Browse source 
Summary: Going to remove the workboard shadow area to keep the design less complex visually, shrink icons on mobile view

Test Plan: test uiexamples for new layout changes

Reviewers: epriestley

Reviewed By: epriestley

CC: Korvin, epriestley, aran

Differential Revision: https://secure.phabricator.com/D7516
This commit is contained in:
Chad Little 2013-11-06 10:18:29 -08:00
parent 8cae7f999f
commit c03cdbe9a9
2 changed files with 22 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/__celerity_resource_map__.php
View file

@ -3985,7 +3985,7 @@ celerity_register_resource_map(array(
), ),
'phui-workboard-view-css' => 'phui-workboard-view-css' =>
array( array(
'uri' => '/res/44fcb197/rsrc/css/phui/phui-workboard-view.css', 'uri' => '/res/908b64b3/rsrc/css/phui/phui-workboard-view.css',
'type' => 'css', 'type' => 'css',
'requires' => 'requires' =>
array( array(

44
webroot/rsrc/css/phui/phui-workboard-view.css
View file

@ -7,12 +7,8 @@
} }
.phui-workboard-view-shadow { .phui-workboard-view-shadow {
padding: 8px;
min-height: 120px;
overflow-x: auto; overflow-x: auto;
border-radius: 5px; padding-bottom: 8px;
background: rgba(150,150,150,.1);
box-shadow: inset 0 0 5px rgba(0,0,0,.5);
} }
.phui-workboard-view-shadow::-webkit-scrollbar { .phui-workboard-view-shadow::-webkit-scrollbar {
@ -28,33 +24,33 @@
width: 60px; width: 60px;
float: left; float: left;
min-height: 60px; min-height: 60px;
border-top-left-radius: 5px; border-radius: 5px;
border-bottom-left-radius: 5px; margin-right: 8px;
margin-top: 40px; background: {$lightbluebackground};
background: rgba(150,150,150,.2); border: 1px solid {$lightblueborder};
} border-bottom: 1px solid {$blueborder};
.device-phone .phui-workboard-view-shadow {
background: none;
box-shadow: none;
padding: 0;
margin: 0 auto;
width: 100%;
} }
.device-phone .phui-workboard-action-list { .device-phone .phui-workboard-action-list {
width: 100%; width: 100%;
float: none; float: none;
display: block; display: block;
border-radius: 3px;
margin: 0 0 5px;
overflow: hidden; overflow: hidden;
border: none;
background: none;
border-radius: none;
min-height: 0;
}
.phui-workboard-action-list li:first-child {
padding-top: 5px;
} }
.device-phone .phui-workboard-action-list li { .device-phone .phui-workboard-action-list li {
display: inline; display: inline;
float: left; float: left;
margin: 0px; margin: 0;
padding: 0 0 8px 0;
} }
.phui-workboard-action-list .phui-icon-view { .phui-workboard-action-list .phui-icon-view {
@ -62,10 +58,12 @@
vertical-align: top; vertical-align: top;
width: 50px; width: 50px;
height: 50px; height: 50px;
margin: 5px 4px 5px 5px; margin: 0 4px 5px 5px;
} }
.device-phone .phui-workboard-action-list .phui-icon-view { .device-phone .phui-workboard-action-list .phui-icon-view {
margin-right: 0; background-size: 35px;
height: 35px;
width: 35px;
margin: 0 3px;
} }