mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-18 19:40:55 +01:00
Add hover state to white header icons
Summary: Adds a hover state and color for white headers. Fixes T5318 Test Plan: Test on managing a dashboard. Reviewers: epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T5318 Differential Revision: https://secure.phabricator.com/D9482
This commit is contained in:
parent
ce887d55c2
commit
447ca08b1f
2 changed files with 24 additions and 9 deletions
|
@ -111,7 +111,7 @@ return array(
|
||||||
'rsrc/css/font/font-awesome.css' => '73d075c3',
|
'rsrc/css/font/font-awesome.css' => '73d075c3',
|
||||||
'rsrc/css/font/font-source-sans-pro.css' => '91d53463',
|
'rsrc/css/font/font-source-sans-pro.css' => '91d53463',
|
||||||
'rsrc/css/font/phui-font-icon-base.css' => 'eb84f033',
|
'rsrc/css/font/phui-font-icon-base.css' => 'eb84f033',
|
||||||
'rsrc/css/layout/phabricator-action-header-view.css' => '47bc4698',
|
'rsrc/css/layout/phabricator-action-header-view.css' => 'f11f18b5',
|
||||||
'rsrc/css/layout/phabricator-action-list-view.css' => 'dcbfc854',
|
'rsrc/css/layout/phabricator-action-list-view.css' => 'dcbfc854',
|
||||||
'rsrc/css/layout/phabricator-crumbs-view.css' => '7fbf25b8',
|
'rsrc/css/layout/phabricator-crumbs-view.css' => '7fbf25b8',
|
||||||
'rsrc/css/layout/phabricator-filetree-view.css' => 'fccf9f82',
|
'rsrc/css/layout/phabricator-filetree-view.css' => 'fccf9f82',
|
||||||
|
@ -685,7 +685,7 @@ return array(
|
||||||
'paste-css' => 'aa1767d1',
|
'paste-css' => 'aa1767d1',
|
||||||
'path-typeahead' => 'f7fc67ec',
|
'path-typeahead' => 'f7fc67ec',
|
||||||
'people-profile-css' => 'ba7b2762',
|
'people-profile-css' => 'ba7b2762',
|
||||||
'phabricator-action-header-view-css' => '47bc4698',
|
'phabricator-action-header-view-css' => 'f11f18b5',
|
||||||
'phabricator-action-list-view-css' => 'dcbfc854',
|
'phabricator-action-list-view-css' => 'dcbfc854',
|
||||||
'phabricator-application-launch-view-css' => '81bebcff',
|
'phabricator-application-launch-view-css' => '81bebcff',
|
||||||
'phabricator-busy' => '6453c869',
|
'phabricator-busy' => '6453c869',
|
||||||
|
|
|
@ -69,18 +69,20 @@
|
||||||
background: #fff;
|
background: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dashboard-panel .phabricator-action-header.gradient-white-header {
|
|
||||||
border: 1px solid {$lightblueborder};
|
|
||||||
border-bottom: 1px solid {$thinblueborder};
|
|
||||||
border-top-right-radius: 3px;
|
|
||||||
border-top-left-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.phabricator-action-header.gradient-white-header .phabricator-action-header-title {
|
.phabricator-action-header.gradient-white-header .phabricator-action-header-title {
|
||||||
color: {$darkbluetext};
|
color: {$darkbluetext};
|
||||||
padding: 12px 0 12px 4px;
|
padding: 12px 0 12px 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.phabricator-action-header.gradient-white-header
|
||||||
|
.phabricator-action-header-icon-list .phui-icon-view {
|
||||||
|
color: {$lightbluetext};
|
||||||
|
}
|
||||||
|
|
||||||
|
.phabricator-action-header.gradient-white-header
|
||||||
|
.phabricator-action-header-icon-list .phui-icon-view:hover {
|
||||||
|
color: {$darkbluetext};
|
||||||
|
}
|
||||||
|
|
||||||
.gradient-green-header .phabricator-action-header-title,
|
.gradient-green-header .phabricator-action-header-title,
|
||||||
.gradient-red-header .phabricator-action-header-title,
|
.gradient-red-header .phabricator-action-header-title,
|
||||||
|
@ -112,3 +114,16 @@
|
||||||
border: 1px solid {$lightblueborder};
|
border: 1px solid {$lightblueborder};
|
||||||
border-bottom: 1px solid {$thinblueborder};
|
border-bottom: 1px solid {$thinblueborder};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.dashboard-panel .phabricator-action-header.gradient-white-header {
|
||||||
|
border: 1px solid {$lightblueborder};
|
||||||
|
border-bottom: 1px solid {$thinblueborder};
|
||||||
|
border-top-right-radius: 3px;
|
||||||
|
border-top-left-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dashboard-panel .phabricator-action-header.gradient-white-header
|
||||||
|
.phabricator-action-header-icon-list {
|
||||||
|
padding-top: 6px;
|
||||||
|
padding-right: 6px;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue