1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-30 10:42:41 +01:00
phorge-phorge/webroot/rsrc/css/phui/object-item/phui-oi-drag-ui.css
Chad Little 1e47ba2481 Use setDrag UI for reordering workboard columns
Summary: This UI can use the setDrag call to reduce clutter on the reodering dialog.

Test Plan:
Reorder some columns, save.

{F4959906}

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D17898
2017-05-16 07:13:25 -07:00

67 lines
1.2 KiB
CSS

/**
* @provides phui-oi-drag-ui-css
* @requires phui-oi-list-view-css
*/
.phui-object-box .phui-oi-list-view.phui-oi-list-drag {
margin-top: 8px;
margin-bottom: 4px;
}
.phui-oi.phui-oi-drag {
background: {$bluebackground};
border-radius: 3px;
border: none;
}
.phui-oi.phui-oi-drag,
.phui-oi.phui-oi-drag .phui-oi-frame {
border: none;
}
.phui-object-box .phui-oi-list-view .phui-oi.phui-oi-drag {
margin-top: 4px;
}
.phui-oi-drag .phui-oi-name {
padding-left: 0;
}
.phui-oi-drag.phui-oi-with-image-icon .phui-oi-frame,
.phui-oi-drag.phui-oi-with-image .phui-oi-frame,
.phui-oi-drag .phui-oi-frame {
min-height: 36px;
}
.phui-oi-drag .phui-oi-list-icon {
height: auto;
width: auto;
}
.phui-oi-drag .phui-oi-image-icon .phui-icon-view {
height: 16px;
width: 16px;
font-size: 16px;
line-height: 20px;
}
.phui-oi-drag.phui-oi-grippable .phui-oi-frame {
padding-left: 28px;
}
.phui-oi-drag .phui-oi-grip {
left: 4px;
}
.phui-oi-drag.phui-oi-with-image-icon .phui-oi-content-box,
.phui-oi-drag.phui-oi-with-image .phui-oi-content-box {
margin-left: 24px;
}
.phui-oi-list-drag .drag-ghost {
margin-top: 4px;
}
.phui-oi-list-drag .phui-object-icon-pane {
padding-right: 8px;
}