mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-18 19:40:55 +01:00
Clean up menu folding in action list
Summary: Just removing the animation for now, can't find anything decent, I think that the issue is the animation is applying to all items in the list, and not just as a list as a single block. That is, I'd like to slide down all three at one. Any animation that slides them down when attached to each item makes them overlap at the first frame and it's a little distracting. Not a big deal to leave this out for now. Whatever we come up with should likely be applied to phuix-dropdown as well. Test Plan: Clicky Clicky. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16159
This commit is contained in:
parent
56d3197fe0
commit
ee77c5c8f1
2 changed files with 12 additions and 22 deletions
|
@ -7,7 +7,7 @@
|
||||||
*/
|
*/
|
||||||
return array(
|
return array(
|
||||||
'names' => array(
|
'names' => array(
|
||||||
'core.pkg.css' => 'f577cd20',
|
'core.pkg.css' => '2168daaf',
|
||||||
'core.pkg.js' => 'f2139810',
|
'core.pkg.js' => 'f2139810',
|
||||||
'darkconsole.pkg.js' => 'e7393ebb',
|
'darkconsole.pkg.js' => 'e7393ebb',
|
||||||
'differential.pkg.css' => 'b3eea3f5',
|
'differential.pkg.css' => 'b3eea3f5',
|
||||||
|
@ -124,7 +124,7 @@ return array(
|
||||||
'rsrc/css/phui/phui-badge.css' => '3baef8db',
|
'rsrc/css/phui/phui-badge.css' => '3baef8db',
|
||||||
'rsrc/css/phui/phui-big-info-view.css' => 'bd903741',
|
'rsrc/css/phui/phui-big-info-view.css' => 'bd903741',
|
||||||
'rsrc/css/phui/phui-box.css' => '5c8387cf',
|
'rsrc/css/phui/phui-box.css' => '5c8387cf',
|
||||||
'rsrc/css/phui/phui-button.css' => 'e266e0bc',
|
'rsrc/css/phui/phui-button.css' => '4a5fbe3d',
|
||||||
'rsrc/css/phui/phui-chart.css' => '6bf6f78e',
|
'rsrc/css/phui/phui-chart.css' => '6bf6f78e',
|
||||||
'rsrc/css/phui/phui-crumbs-view.css' => '6b813619',
|
'rsrc/css/phui/phui-crumbs-view.css' => '6b813619',
|
||||||
'rsrc/css/phui/phui-curtain-view.css' => '7148ae25',
|
'rsrc/css/phui/phui-curtain-view.css' => '7148ae25',
|
||||||
|
@ -824,7 +824,7 @@ return array(
|
||||||
'phui-badge-view-css' => '3baef8db',
|
'phui-badge-view-css' => '3baef8db',
|
||||||
'phui-big-info-view-css' => 'bd903741',
|
'phui-big-info-view-css' => 'bd903741',
|
||||||
'phui-box-css' => '5c8387cf',
|
'phui-box-css' => '5c8387cf',
|
||||||
'phui-button-css' => 'e266e0bc',
|
'phui-button-css' => '4a5fbe3d',
|
||||||
'phui-calendar-css' => 'ccabe893',
|
'phui-calendar-css' => 'ccabe893',
|
||||||
'phui-calendar-day-css' => 'd1cf6f93',
|
'phui-calendar-day-css' => 'd1cf6f93',
|
||||||
'phui-calendar-list-css' => '56e6381a',
|
'phui-calendar-list-css' => '56e6381a',
|
||||||
|
|
|
@ -268,7 +268,7 @@ a.policy-control .caret {
|
||||||
float: right;
|
float: right;
|
||||||
margin-top: 4px;
|
margin-top: 4px;
|
||||||
margin-right: 6px;
|
margin-right: 6px;
|
||||||
border-left-color: {$lightgreytext};
|
border-left-color: {$alphablue};
|
||||||
}
|
}
|
||||||
|
|
||||||
.phabricator-action-view-submenu .caret {
|
.phabricator-action-view-submenu .caret {
|
||||||
|
@ -278,28 +278,18 @@ a.policy-control .caret {
|
||||||
border-top: 7px solid {$lightgreytext};
|
border-top: 7px solid {$lightgreytext};
|
||||||
}
|
}
|
||||||
|
|
||||||
.phabricator-action-view-submenu.phui-submenu-open {
|
.phabricator-action-list-view .phabricator-action-view-submenu.phui-submenu-open
|
||||||
background: {$greybackground};
|
.phabricator-action-view-item {
|
||||||
|
background-color: rgba({$alphablue}, 0.07);
|
||||||
|
color: {$sky};
|
||||||
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.phui-submenu-animate {
|
.phabricator-action-list-view .phabricator-action-view-submenu.phui-submenu-open
|
||||||
animation: phui-submenu-summon 0.25s;
|
.phabricator-action-view-item .phui-icon-view {
|
||||||
|
color: {$sky};
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes phui-submenu-summon {
|
|
||||||
0% {
|
|
||||||
color: {$lightgreytext};
|
|
||||||
margin-left: 0;
|
|
||||||
transform: rotate(12deg);
|
|
||||||
}
|
|
||||||
60% {
|
|
||||||
margin-left: 24px;
|
|
||||||
transform: rotate(-5deg);
|
|
||||||
margin-top: 18px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Icons */
|
/* Icons */
|
||||||
.button.has-icon {
|
.button.has-icon {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
Loading…
Reference in a new issue