revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-23 15:22:41 +01:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/sprite-gradient.css

57 lines
1.7 KiB
CSS
Raw Normal View History

Add some textures/gradients to crumbs and menu Summary: This doesn't lay in everything, but: - Break the buttons gradient apart into components and rebuild it (along with other gradients) into a single gradient sprite (possible after {D4099}). - Use the sliced gradient for the crumbs background. - Use the sliced image for the crumb divider. - Adds the black/white app sheets, but I'm not generating them quite yet. Test Plan: {F26537} {F26540} Reviewers: chad, btrahan Reviewed By: chad CC: aran Maniphest Tasks: T1960 Differential Revision: https://secure.phabricator.com/D4100
2012-12-07 22:35:49 +01:00
/**
* @provides sprite-gradient-css
* @generated
*/
CSS gradient buttons Summary: Creates CSS Gradients for buttons. Also tweaked hover and active styles. "Fixed" disabled state (this may require follow up diffs to correct around site) Test Plan: Tested Maniphest and UI Examples in Chrome and IE10/9/8 Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D5624
2013-04-09 00:00:55 +02:00
.sprite-gradient, .phabricator-dark-menu .phabricator-menu-item-type-label, .phabricator-side-menu .phabricator-menu-item-type-label, .device-desktop .phabricator-side-menu a.phabricator-menu-item-type-link:hover, .phabricator-side-menu .phabricator-menu-item-selected, .device-desktop .phabricator-side-menu a.phabricator-menu-item-selected:hover, .phabricator-filetree a.phabricator-filetree-item:hover, .phabricator-filetree a.phabricator-active-nav-focus {
Add some textures/gradients to crumbs and menu Summary: This doesn't lay in everything, but: - Break the buttons gradient apart into components and rebuild it (along with other gradients) into a single gradient sprite (possible after {D4099}). - Use the sliced gradient for the crumbs background. - Use the sliced image for the crumb divider. - Adds the black/white app sheets, but I'm not generating them quite yet. Test Plan: {F26537} {F26540} Reviewers: chad, btrahan Reviewed By: chad CC: aran Maniphest Tasks: T1960 Differential Revision: https://secure.phabricator.com/D4100
2012-12-07 22:35:49 +01:00
background-image: url(/rsrc/image/sprite-gradient.png);
background-repeat: repeat-x;
}
Use application icons for "Eye" menu and Crumbs Summary: Issues here: - Need an application-sized "eye", or a "home" icon for "Phabricator Home". - Some of the "apps_lb_2x" sliced images are the "_dark_" versions, not the light versions. - If you slice an application-sized "logout" (power off) icon and application-sized "help" (questionmark in circle) icon I can replace the current menu icons and nearly get rid of "autosprite". - To replace the icons on /applications/, the non-retina size is "4x", so we'd need "8x" for retina. Alternatively I can reduce the icon sizes by 50%. - The "Help", "Settings" and "Logout" items currently have a "glowing" hover state, which needs a variant (or we can drop it). - The /applications/ icons have a white hover state (or we can drop it). - The 1x application (14x14) icons aren't used anywhere right now, should they be? Maybe in the feed in the future, etc? - The "apps-2x" and "apps-large" sheets are the same image, but getting them to actually use the same file is a bit tricky, so I just left them separate for now. Test Plan: {F26698} {F26699} Reviewers: chad Reviewed By: chad CC: aran Maniphest Tasks: T1960 Differential Revision: https://secure.phabricator.com/D4108
2012-12-07 22:37:28 +01:00
Add some textures/gradients to crumbs and menu Summary: This doesn't lay in everything, but: - Break the buttons gradient apart into components and rebuild it (along with other gradients) into a single gradient sprite (possible after {D4099}). - Use the sliced gradient for the crumbs background. - Use the sliced image for the crumb divider. - Adds the black/white app sheets, but I'm not generating them quite yet. Test Plan: {F26537} {F26540} Reviewers: chad, btrahan Reviewed By: chad CC: aran Maniphest Tasks: T1960 Differential Revision: https://secure.phabricator.com/D4100
2012-12-07 22:35:49 +01:00
Action Icons Summary: First pass at 'action icons' for headers and other items. Ties into future diff. Test Plan: photoshop, read the css. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin, AnhNhan Differential Revision: https://secure.phabricator.com/D5565
2013-04-04 19:38:50 +02:00
.gradient-blue-header {
CSS gradient buttons Summary: Creates CSS Gradients for buttons. Also tweaked hover and active styles. "Fixed" disabled state (this may require follow up diffs to correct around site) Test Plan: Tested Maniphest and UI Examples in Chrome and IE10/9/8 Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D5624
2013-04-09 00:00:55 +02:00
background-position: 0px -141px;
Action Icons Summary: First pass at 'action icons' for headers and other items. Ties into future diff. Test Plan: photoshop, read the css. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin, AnhNhan Differential Revision: https://secure.phabricator.com/D5565
2013-04-04 19:38:50 +02:00
}
Add some textures/gradients to crumbs and menu Summary: This doesn't lay in everything, but: - Break the buttons gradient apart into components and rebuild it (along with other gradients) into a single gradient sprite (possible after {D4099}). - Use the sliced gradient for the crumbs background. - Use the sliced image for the crumb divider. - Adds the black/white app sheets, but I'm not generating them quite yet. Test Plan: {F26537} {F26540} Reviewers: chad, btrahan Reviewed By: chad CC: aran Maniphest Tasks: T1960 Differential Revision: https://secure.phabricator.com/D4100
2012-12-07 22:35:49 +01:00
.gradient-breadcrumbs {
CSS gradient buttons Summary: Creates CSS Gradients for buttons. Also tweaked hover and active styles. "Fixed" disabled state (this may require follow up diffs to correct around site) Test Plan: Tested Maniphest and UI Examples in Chrome and IE10/9/8 Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D5624
2013-04-09 00:00:55 +02:00
background-position: 0px -109px;
Add some textures/gradients to crumbs and menu Summary: This doesn't lay in everything, but: - Break the buttons gradient apart into components and rebuild it (along with other gradients) into a single gradient sprite (possible after {D4099}). - Use the sliced gradient for the crumbs background. - Use the sliced image for the crumb divider. - Adds the black/white app sheets, but I'm not generating them quite yet. Test Plan: {F26537} {F26540} Reviewers: chad, btrahan Reviewed By: chad CC: aran Maniphest Tasks: T1960 Differential Revision: https://secure.phabricator.com/D4100
2012-12-07 22:35:49 +01:00
}
Allow AphrontDialogView to use PhabricatorActionHeaderView Summary: We're baking some useful things into ActionHeader, would like to consolidate it's use around the site for consistency. Test Plan: Tested log out dialog, attach dependencies, delete document in phriction. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin, AnhNhan Differential Revision: https://secure.phabricator.com/D5635
2013-04-10 00:50:48 +02:00
.gradient-dark-grey-header {
background-position: 0px -212px;
}
Add eye icon to left menu button Summary: Do we have an icon with 2x for the right menu? Test Plan: {F26590} Reviewers: chad Reviewed By: chad CC: aran Maniphest Tasks: T1960 Differential Revision: https://secure.phabricator.com/D4101
2012-12-07 22:36:35 +01:00
.gradient-dark-menu-label, .phabricator-dark-menu .phabricator-menu-item-type-label {
Sprite menu label and hover states Summary: These can all fit into the gradient sprite. Test Plan: Looked at menu with selected item, hovered over menu. Reviewers: chad Reviewed By: chad CC: aran Differential Revision: https://secure.phabricator.com/D4453
2013-01-16 00:49:48 +01:00
background-position: 0px -25px;
Add some textures/gradients to crumbs and menu Summary: This doesn't lay in everything, but: - Break the buttons gradient apart into components and rebuild it (along with other gradients) into a single gradient sprite (possible after {D4099}). - Use the sliced gradient for the crumbs background. - Use the sliced image for the crumb divider. - Adds the black/white app sheets, but I'm not generating them quite yet. Test Plan: {F26537} {F26540} Reviewers: chad, btrahan Reviewed By: chad CC: aran Maniphest Tasks: T1960 Differential Revision: https://secure.phabricator.com/D4100
2012-12-07 22:35:49 +01:00
}
Action Icons Summary: First pass at 'action icons' for headers and other items. Ties into future diff. Test Plan: photoshop, read the css. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin, AnhNhan Differential Revision: https://secure.phabricator.com/D5565
2013-04-04 19:38:50 +02:00
.gradient-green-header {
Allow AphrontDialogView to use PhabricatorActionHeaderView Summary: We're baking some useful things into ActionHeader, would like to consolidate it's use around the site for consistency. Test Plan: Tested log out dialog, attach dependencies, delete document in phriction. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin, AnhNhan Differential Revision: https://secure.phabricator.com/D5635
2013-04-10 00:50:48 +02:00
background-position: 0px -283px;
Add some textures/gradients to crumbs and menu Summary: This doesn't lay in everything, but: - Break the buttons gradient apart into components and rebuild it (along with other gradients) into a single gradient sprite (possible after {D4099}). - Use the sliced gradient for the crumbs background. - Use the sliced image for the crumb divider. - Adds the black/white app sheets, but I'm not generating them quite yet. Test Plan: {F26537} {F26540} Reviewers: chad, btrahan Reviewed By: chad CC: aran Maniphest Tasks: T1960 Differential Revision: https://secure.phabricator.com/D4100
2012-12-07 22:35:49 +01:00
}
Action Icons Summary: First pass at 'action icons' for headers and other items. Ties into future diff. Test Plan: photoshop, read the css. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin, AnhNhan Differential Revision: https://secure.phabricator.com/D5565
2013-04-04 19:38:50 +02:00
.gradient-grey-header {
Allow AphrontDialogView to use PhabricatorActionHeaderView Summary: We're baking some useful things into ActionHeader, would like to consolidate it's use around the site for consistency. Test Plan: Tested log out dialog, attach dependencies, delete document in phriction. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin, AnhNhan Differential Revision: https://secure.phabricator.com/D5635
2013-04-10 00:50:48 +02:00
background-position: 0px -354px;
Sprite menu label and hover states Summary: These can all fit into the gradient sprite. Test Plan: Looked at menu with selected item, hovered over menu. Reviewers: chad Reviewed By: chad CC: aran Differential Revision: https://secure.phabricator.com/D4453
2013-01-16 00:49:48 +01:00
}
Fix FileTreeView sprites Summary: D4453 and D4427 sailed past one another, like ships in the night. Test Plan: Verified Differential hover and selected states. Reviewers: asherkin, chad Reviewed By: chad CC: aran Differential Revision: https://secure.phabricator.com/D4577
2013-01-22 18:09:57 +01:00
.gradient-menu-hover, .device-desktop .phabricator-side-menu a.phabricator-menu-item-type-link:hover, .phabricator-filetree a.phabricator-filetree-item:hover {
CSS gradient buttons Summary: Creates CSS Gradients for buttons. Also tweaked hover and active styles. "Fixed" disabled state (this may require follow up diffs to correct around site) Test Plan: Tested Maniphest and UI Examples in Chrome and IE10/9/8 Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D5624
2013-04-09 00:00:55 +02:00
background-position: 0px -51px;
Sprite menu label and hover states Summary: These can all fit into the gradient sprite. Test Plan: Looked at menu with selected item, hovered over menu. Reviewers: chad Reviewed By: chad CC: aran Differential Revision: https://secure.phabricator.com/D4453
2013-01-16 00:49:48 +01:00
}
.gradient-menu-label, .phabricator-side-menu .phabricator-menu-item-type-label {
background-position: 0px 0px;
}
Fix FileTreeView sprites Summary: D4453 and D4427 sailed past one another, like ships in the night. Test Plan: Verified Differential hover and selected states. Reviewers: asherkin, chad Reviewed By: chad CC: aran Differential Revision: https://secure.phabricator.com/D4577
2013-01-22 18:09:57 +01:00
.gradient-menu-selected, .phabricator-side-menu .phabricator-menu-item-selected, .device-desktop .phabricator-side-menu a.phabricator-menu-item-selected:hover, .phabricator-nav-local a.phabricator-active-nav-focus {
CSS gradient buttons Summary: Creates CSS Gradients for buttons. Also tweaked hover and active styles. "Fixed" disabled state (this may require follow up diffs to correct around site) Test Plan: Tested Maniphest and UI Examples in Chrome and IE10/9/8 Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D5624
2013-04-09 00:00:55 +02:00
background-position: 0px -80px;
Add some textures/gradients to crumbs and menu Summary: This doesn't lay in everything, but: - Break the buttons gradient apart into components and rebuild it (along with other gradients) into a single gradient sprite (possible after {D4099}). - Use the sliced gradient for the crumbs background. - Use the sliced image for the crumb divider. - Adds the black/white app sheets, but I'm not generating them quite yet. Test Plan: {F26537} {F26540} Reviewers: chad, btrahan Reviewed By: chad CC: aran Maniphest Tasks: T1960 Differential Revision: https://secure.phabricator.com/D4100
2012-12-07 22:35:49 +01:00
}
Action Icons Summary: First pass at 'action icons' for headers and other items. Ties into future diff. Test Plan: photoshop, read the css. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin, AnhNhan Differential Revision: https://secure.phabricator.com/D5565
2013-04-04 19:38:50 +02:00
.gradient-red-header {
Allow AphrontDialogView to use PhabricatorActionHeaderView Summary: We're baking some useful things into ActionHeader, would like to consolidate it's use around the site for consistency. Test Plan: Tested log out dialog, attach dependencies, delete document in phriction. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin, AnhNhan Differential Revision: https://secure.phabricator.com/D5635
2013-04-10 00:50:48 +02:00
background-position: 0px -425px;
Action Icons Summary: First pass at 'action icons' for headers and other items. Ties into future diff. Test Plan: photoshop, read the css. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin, AnhNhan Differential Revision: https://secure.phabricator.com/D5565
2013-04-04 19:38:50 +02:00
}
.gradient-yellow-header {
Allow AphrontDialogView to use PhabricatorActionHeaderView Summary: We're baking some useful things into ActionHeader, would like to consolidate it's use around the site for consistency. Test Plan: Tested log out dialog, attach dependencies, delete document in phriction. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin, AnhNhan Differential Revision: https://secure.phabricator.com/D5635
2013-04-10 00:50:48 +02:00
background-position: 0px -496px;
Action Icons Summary: First pass at 'action icons' for headers and other items. Ties into future diff. Test Plan: photoshop, read the css. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin, AnhNhan Differential Revision: https://secure.phabricator.com/D5565
2013-04-04 19:38:50 +02:00
}
Copy permalink