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

Make it more visually clear that you can click things in the "Big List of Clickable Things" UI element

Browse source 
Summary:
Ref T13259. An install provided feedback that it wasn't obvious you could click the buttons in this UI.

Make it more clear that these are clickable buttons.

Test Plan:
{F6251585}

{F6251586}

Reviewers: amckinley

Reviewed By: amckinley

Maniphest Tasks: T13259

Differential Revision: https://secure.phabricator.com/D20238
This commit is contained in:
epriestley 2019-03-01 07:13:16 -08:00
parent ee2bc07c90
commit d192d04586
2 changed files with 29 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
resources/celerity/map.php
View file

@ -9,7 +9,7 @@ return array(
'names' => array(
'conpherence.pkg.css' => '3c8a0668',
'conpherence.pkg.js' => '020aebcf',
'core.pkg.css' => 'e3c1a8f2',
'core.pkg.css' => '34ce1741',
'core.pkg.js' => '2cda17a4',
'differential.pkg.css' => 'ab23bd75',
'differential.pkg.js' => '67e02996',
@ -127,7 +127,7 @@ return array(
'rsrc/css/phui/calendar/phui-calendar-list.css' => 'ccd7e4e2',
'rsrc/css/phui/calendar/phui-calendar-month.css' => 'cb758c42',
'rsrc/css/phui/calendar/phui-calendar.css' => 'f11073aa',
'rsrc/css/phui/object-item/phui-oi-big-ui.css' => '9e037c7a',
'rsrc/css/phui/object-item/phui-oi-big-ui.css' => '534f1757',
'rsrc/css/phui/object-item/phui-oi-color.css' => 'b517bfa0',
'rsrc/css/phui/object-item/phui-oi-drag-ui.css' => 'da15d3dc',
'rsrc/css/phui/object-item/phui-oi-flush-ui.css' => '490e2e2e',
@ -834,7 +834,7 @@ return array(
'phui-lightbox-css' => '4ebf22da',
'phui-list-view-css' => '470b1adb',
'phui-object-box-css' => 'f434b6be',
'phui-oi-big-ui-css' => '9e037c7a',
'phui-oi-big-ui-css' => '534f1757',
'phui-oi-color-css' => 'b517bfa0',
'phui-oi-drag-ui-css' => 'da15d3dc',
'phui-oi-flush-ui-css' => '490e2e2e',
@ -1345,6 +1345,9 @@ return array(
'javelin-dom',
'javelin-fx',
),
'534f1757' => array(
'phui-oi-list-view-css',
),
'541f81c3' => array(
'javelin-install',
),
@ -1721,9 +1724,6 @@ return array(
'javelin-uri',
'phabricator-textareautils',
),
'9e037c7a' => array(
'phui-oi-list-view-css',
),
'9f081f05' => array(
'javelin-behavior',
'javelin-dom',

26
webroot/rsrc/css/phui/object-item/phui-oi-big-ui.css
View file

@ -13,7 +13,12 @@
}
.phui-oi-list-big .phui-oi-image-icon {
margin: 8px 2px 12px;
margin: 12px 2px 12px;
text-align: center;
}
.phui-oi-list-big .phui-oi-image-icon .phui-icon-view {
position: relative;
}
.phui-oi-list-big a.phui-oi-link {
@ -31,7 +36,7 @@
}
.device-desktop .phui-oi-list-big .phui-oi {
margin-bottom: 4px;
margin-bottom: 8px;
}
.phui-oi-list-big .phui-oi-col0 {
@ -60,13 +65,28 @@
border-radius: 3px;
}
.phui-oi-list-big .phui-oi-frame {
padding: 2px 8px;
}
.phui-oi-list-big .phui-oi-linked-container {
border: 1px solid {$lightblueborder};
border-radius: 4px;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.035);
}
.phui-oi-list-big .phui-oi-disabled {
border-radius: 4px;
background: {$lightgreybackground};
}
.device-desktop .phui-oi-linked-container {
cursor: pointer;
}
.device-desktop .phui-oi-linked-container:hover {
background-color: {$hoverblue};
border-radius: 3px;
border-color: {$blueborder};
}
.device-desktop .phui-oi-linked-container a:hover {