1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-27 17:22:42 +01:00
phorge-phorge/webroot/rsrc/css/application/flag/flag.css
epriestley c8061d5da8 Implement ApplicationSearch in Flags
Summary:
Ref T1809. Provide ApplicationSearch to Flags and allow the user to select flags by color.

@chad might have some design feedback on my control.

Test Plan: {F54131}

Reviewers: btrahan, chad

Reviewed By: chad

CC: aran

Maniphest Tasks: T1809

Differential Revision: https://secure.phabricator.com/D6747
2013-08-13 16:27:26 -07:00

83 lines
1.7 KiB
CSS

/**
* @provides phabricator-flag-css
*/
.phabricator-flag-icon {
padding: 8px;
background: transparent 0 0 no-repeat;
}
.phabricator-object-item .phabricator-flag-icon {
float: left;
margin: 2px;
margin-right: 8px;
margin-bottom: 0;
}
.phabricator-flag-radio {
padding-left: 18px;
margin: 1px;
background: transparent 0 0 no-repeat;
}
.phabricator-flag-color-0 {
background-image: url(/rsrc/image/icon/fatcow/flag_red.png);
}
.phabricator-flag-color-1 {
background-image: url(/rsrc/image/icon/fatcow/flag_orange.png);
}
.phabricator-flag-color-2 {
background-image: url(/rsrc/image/icon/fatcow/flag_yellow.png);
}
.phabricator-flag-color-3 {
background-image: url(/rsrc/image/icon/fatcow/flag_green.png);
}
.phabricator-flag-color-4 {
background-image: url(/rsrc/image/icon/fatcow/flag_blue.png);
}
.phabricator-flag-color-5 {
background-image: url(/rsrc/image/icon/fatcow/flag_pink.png);
}
.phabricator-flag-color-6 {
background-image: url(/rsrc/image/icon/fatcow/flag_purple.png);
}
.phabricator-flag-color-7 {
background-image: url(/rsrc/image/icon/fatcow/flag_finish.png);
}
.phabricator-flag-ghost {
background-image: url(/rsrc/image/icon/fatcow/flag_ghost.png);
}
.phabricator-flag-select-control .phabricator-flag-select-label {
border: 1px solid #aaaaaa;
width: 48px;
height: 24px;
border-radius: 4px;
position: relative;
display: inline-block;
cursor: pointer;
margin: 0 4px 4px 0;
}
.phabricator-flag-select-control .phabricator-flag-select-checkbox {
position: absolute;
top: 2px;
left: 4px;
width: auto;
}
.phabricator-flag-select-control .phui-icon-view {
position: absolute;
width: 16px;
height: 16px;
top: 4px;
left: 24px;
}