1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-22 13:30:55 +01:00
phorge-phorge/webroot/rsrc/css/phui/object-item/phui-oi-drag-ui.css
Chad Little e077d2f7a7 Reorganize phui-object-item CSS, add drag ui
Summary: Reorgaizes the CSS here a bit, by object list style, adds in a new drag ui class, which will be used in menu ordering.

Test Plan:
Workboards, Home Apps.

{F2126266}

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D17057
2016-12-14 11:53:17 -08:00

59 lines
1.1 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-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;
}