Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/phui/workboards/phui-workpanel.css
| Show First 20 Lines • Show All 183 Lines • ▼ Show 20 Lines | .workboard-drop-preview { | ||||
| position: absolute; | position: absolute; | ||||
| bottom: 12px; | bottom: 12px; | ||||
| right: 12px; | right: 12px; | ||||
| width: 300px; | width: 300px; | ||||
| border-radius: 3px; | border-radius: 3px; | ||||
| box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); | ||||
| border: 1px solid {$lightblueborder}; | border: 1px solid {$lightblueborder}; | ||||
| padding: 4px 0; | padding: 4px 0; | ||||
| } | background: #fff; | ||||
| .workboard-drop-preview:hover { | |||||
| opacity: 0.25; | |||||
| } | } | ||||
| .workboard-drop-preview li { | .workboard-drop-preview li { | ||||
| white-space: nowrap; | white-space: nowrap; | ||||
| overflow: hidden; | overflow: hidden; | ||||
| text-overflow: ellipsis; | text-overflow: ellipsis; | ||||
| margin: 4px 8px; | margin: 4px 8px; | ||||
| color: {$greytext}; | color: {$greytext}; | ||||
| Show All 16 Lines | .workboard-drop-preview .workboard-drop-preview-header { | ||||
| background: {$sky}; | background: {$sky}; | ||||
| color: #fff; | color: #fff; | ||||
| } | } | ||||
| .workboard-drop-preview .workboard-drop-preview-header .phui-icon-view { | .workboard-drop-preview .workboard-drop-preview-header .phui-icon-view { | ||||
| background: {$blue}; | background: {$blue}; | ||||
| color: #fff; | color: #fff; | ||||
| } | } | ||||
| .workboard-drop-preview-fade { | |||||
| animation: 0.1s workboard-drop-preview-fade-out; | |||||
| opacity: 0.25; | |||||
| } | |||||
| @keyframes workboard-drop-preview-fade-out { | |||||
| 0% { | |||||
| opacity: 1; | |||||
| } | |||||
| 100% { | |||||
| opacity: 0.25; | |||||
| } | |||||
| } | |||||