diff options
Diffstat (limited to 'WebContent/VAADIN/themes/base/dragwrapper/dragwrapper.scss')
| -rw-r--r-- | WebContent/VAADIN/themes/base/dragwrapper/dragwrapper.scss | 162 |
1 files changed, 162 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/base/dragwrapper/dragwrapper.scss b/WebContent/VAADIN/themes/base/dragwrapper/dragwrapper.scss new file mode 100644 index 0000000000..558b305742 --- /dev/null +++ b/WebContent/VAADIN/themes/base/dragwrapper/dragwrapper.scss @@ -0,0 +1,162 @@ +@mixin base-dragwrapper { + +.v-ddwrapper { + padding: 2px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + position: relative; +} +[draggable=true] { + -khtml-user-drag: element; + -webkit-user-drag: element; + -khtml-user-select: none; + -webkit-user-select: none; +} +.v-ie .v-ddwrapper a.drag-start { + display: block; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + width: 100%; + height: 100%; + opacity: 0; + /* Some color needed to make it draggable */ + background-color:cyan; + filter: alpha(opacity=0); +} +.v-ddwrapper-over { + border: 2px solid #1d9dff; + background-color: #bcdcff; + padding: 0; +} +.v-ddwrapper-over { + background-color: rgba(169,209,255,.6); +} +.no-box-drag-hints .v-ddwrapper-over { + border: none; + background-color: transparent; + padding: 2px; +} +.v-app .v-ddwrapper-over-top, +.v-window .v-ddwrapper-over-top, +.v-popupview-popup .v-ddwrapper-over-top { + border: none; + border-top: 2px solid #1d9dff; + background-color: transparent; + padding: 2px; + padding-top: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; +} +.v-app .v-ddwrapper-over-bottom, +.v-window .v-ddwrapper-over-bottom, +.v-popupview-popup .v-ddwrapper-over-bottom { + border: none; + border-bottom: 2px solid #1d9dff; + background-color: transparent; + padding: 2px; + padding-bottom: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; +} +.v-app .v-ddwrapper-over-left, +.v-window .v-ddwrapper-over-left, +.v-popupview-popup .v-ddwrapper-over-left { + border: none; + border-left: 2px solid #1d9dff; + background-color: transparent; + padding: 2px; + padding-left: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; +} +.v-app .v-ddwrapper-over-right, +.v-window .v-ddwrapper-over-right, +.v-popupview-popup .v-ddwrapper-over-right { + border: none; + border-right: 2px solid #1d9dff; + background-color: transparent; + padding: 2px; + padding-right: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; +} +.v-ddwrapper, +.v-ddwrapper-over, +.v-app .v-ddwrapper-over-top, +.v-window .v-ddwrapper-over-top, +.v-popupview-popup .v-ddwrapper-over-top, +.v-app .v-ddwrapper-over-bottom, +.v-window .v-ddwrapper-over-bottom, +.v-popupview-popup .v-ddwrapper-over-bottom, +.v-app .v-ddwrapper-over-left, +.v-window .v-ddwrapper-over-left, +.v-popupview-popup .v-ddwrapper-over-left, +.v-app .v-ddwrapper-over-right, +.v-window .v-ddwrapper-over-right, +.v-popupview-popup .v-ddwrapper-over-right { + border-color: rgba(0,109,232,.6); +} + +.v-ddwrapper-over-top:before, +.v-ddwrapper-over-bottom:after, +.v-ddwrapper-over-left:before, +.v-ddwrapper-over-right:before { + display: block; + content: ""; + position: absolute; + width: 6px; + height: 6px; + margin-top: -4px; + margin-left: -2px; + background: transparent url(../common/img/drag-slot-dot.png) no-repeat; +} +.v-ddwrapper-over-bottom:after { + margin-top: -2px; +} +.v-ddwrapper-over-left:before, +.v-ddwrapper-over-right:before { + background-position: 0 -6px; + margin-top: -2px; + margin-left: -4px; +} +.v-ddwrapper-over-right:before { + position: relative; + margin-bottom: -4px; + margin-right: -4px; + margin-left: 0; + width: auto; + background-position: 100% -6px; +} + +.no-horizontal-drag-hints .v-ddwrapper-over-left { + padding-left: 2px; + border-left: none; +} +.no-horizontal-drag-hints .v-ddwrapper-over-right { + padding-right: 2px; + border-right: none; +} +.no-vertical-drag-hints .v-ddwrapper-over-top { + padding-top: 2px; + border-top: none; +} +.no-vertical-drag-hints .v-ddwrapper-over-bottom { + padding-bottom: 2px; + border-bottom: none; +} +.no-horizontal-drag-hints .v-ddwrapper-over-left:before, +.no-horizontal-drag-hints .v-ddwrapper-over-right:before, +.no-vertical-drag-hints .v-ddwrapper-over-top:before, +.no-vertical-drag-hints .v-ddwrapper-over-bottom:after { + display: none; +} + +}
\ No newline at end of file |