1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-11 09:22:40 +01:00
phorge-phorge/webroot/rsrc/css/layout/phabricator-side-menu-view.css
epriestley 7c5ad63fd1 Add very basic UI for creating milestones and subprojects
Summary:
Ref T10010. This has a lot of UI/UX problems but I think it:

  - technically allows subproject creation;
  - technically allows milestone creation;
  - doesn't let users unwittingly destroy their installs (probably).

Test Plan:
  - Created milestones.
  - Created subprojects.
  - Created and edited normal projects.
  - Observed some reasonable interactions (e.g., you can't create milestones for a milestone or edit a superproject's members).
  - Observed plenty of silly/confusing interactions that need additional work.

{F1046657}

{F1046658}

{F1046655}

{F1046656}

{F1046654}

Reviewers: chad

Reviewed By: chad

Maniphest Tasks: T10010

Differential Revision: https://secure.phabricator.com/D14904
2015-12-29 10:40:16 -08:00

112 lines
2.6 KiB
CSS

/**
* @provides phabricator-side-menu-view-css
*/
.phabricator-side-menu .phui-list-item-view {
display: block;
white-space: nowrap;
text-decoration: none;
font-size: 13px;
-webkit-font-smoothing: antialiased;
}
.phabricator-side-menu .phui-list-item-href {
display: block;
padding: 6px 8px 6px 24px;
color: {$darkbluetext};
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.phabricator-side-menu .phui-list-item-selected {
background-color: rgba(0,0,0,.05);
border-left: 4px solid {$sky};
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
font-weight: bold;
}
.phabricator-icon-nav .phabricator-side-menu .phui-list-item-selected {
background-color: rgba(0,0,0,.1);
}
.device-desktop .phabricator-side-menu .phui-list-item-selected
a.phui-list-item-href:hover {
background-color: rgba(0,0,0,.05);
}
.phabricator-side-menu .phui-list-item-selected .phui-list-item-href {
padding-left: 20px;
}
.phabricator-side-menu .phui-list-item-type-label {
padding: 6px 8px 4px 12px;
color: {$darkbluetext};
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
border-style: solid;
}
.device-desktop .phabricator-side-menu a.phui-list-item-href:hover {
text-decoration: none;
background-color: rgba(0,0,0,.07);
}
.device-desktop .phabricator-icon-nav a.phui-list-item-href:hover
.phui-list-item-icon {
color: {$darkbluetext};
}
.device-desktop .phabricator-icon-nav .phabricator-nav-local {
width: 40px;
margin-top: 16px;
border-color: {$lightblueborder};
border-width: 1px 1px 1px 0;
border-style: solid;
background-color: #fff;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.device-desktop .phabricator-icon-nav .phabricator-nav-content {
margin-left: 41px;
}
.phabricator-icon-nav .phabricator-side-menu .phui-list-item-href {
height: 40px;
width: 40px;
padding: 0;
}
.phabricator-icon-nav .phabricator-side-menu .phui-list-item-icon {
font-size: 20px;
width: 40px;
line-height: 38px;
text-align: center;
vertical-align: bottom;
text-shadow: {$whitetextshadow};
color: {$blue};
}
.phabricator-icon-nav .phabricator-side-menu .phui-list-item-icon.grey {
color: {$lightgreyborder};
}
.phabricator-icon-nav .phabricator-side-menu .phui-list-item-selected {
border: none;
}
.phabricator-icon-nav .phabricator-side-menu .phui-list-item-selected
.phui-icon-view {
color: {$darkbluetext};
}
.phabricator-icon-nav .phui-icon-view.phuihead-small {
height: 24px;
width: 24px;
border: 1px solid #fff;
background-size: 24px;
display: inline-block;
margin: 7px;
}