amorfo77/sogo
1
0
Fork 0
mirror of https://github.com/inverse-inc/sogo.git synced 2026-09-15 10:28:00 +00:00
Code Issues Projects Releases Wiki Activity

(js) sgDraggable and sgDroppable directives

Browse Source
This commit is contained in:
Francis Lachapelle
2016-08-04 16:50:14 -04:00
parent fea6978b63
commit 1e26b3e61d
5 changed files with 271 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
UI/WebServerResources/scss/components/draggable-droppable/draggable.scss
+29
View File
@@ -0,0 +1,29 @@
/// draggable.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
sg-draggable-helper {
min-width: $icon-button-width;
min-height: $icon-button-width;
position: absolute;
top: -200px;
left: -200px;
z-index: $z-index-toast + 1;
&.sg-draggable-helper--copy md-icon {
color: rgba(0,0,0,0.34);
text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.54);
}
md-icon {
margin: $icon-button-margin;
}
sg-draggable-helper-counter {
border-radius: 50%;
font-size: 13px;
line-height: $icon-badge-size;
min-height: $icon-badge-size;
min-width: $icon-badge-size;
position: absolute;
text-align: center;
right: ($icon-size - $icon-badge-size) / 2;
top: ($icon-size - $icon-badge-size) / 2;
}
}
UI/WebServerResources/scss/components/draggable-droppable/droppable.scss
+7
View File
@@ -0,0 +1,7 @@
/// droppable.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
.sg-droppable-over {
@extend .md-whiteframe-3dp;
background-color: #fff;
cursor: pointer;
}
UI/WebServerResources/scss/styles.scss
+2
View File
@@ -66,6 +66,8 @@
@import 'components/whiteframe/whiteframe';
// Inverse components
@import 'components/draggable-droppable/draggable';
@import 'components/draggable-droppable/droppable';
@import 'components/ripple/ripple';
@import 'components/timepicker/timepicker';