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

Remove workboard shadow, slightly nicer mobile view

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

View file

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

View file

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