feat(desktop): improve widget edit mode UX and allow free dragging
# Conflicts: # install.sh
This commit is contained in:
1 parent
81a0198868
commit
e7277e658e
2 files changed
+124
-170
No files matched your search
@@ -1,5 +1,5 @@
|
||||
#weather-container {
|
||||
margin: 5px 5px 20px 5px;
|
||||
margin: 0px;
|
||||
min-width: 170px;
|
||||
min-height: 170px;
|
||||
border-radius: apply(radius-lg);
|
||||
@@ -88,7 +88,7 @@
|
||||
/* Calendar Widget */
|
||||
#calendar-box-widget {
|
||||
background: @glass-widget;
|
||||
margin: 5px 20px 20px 10px;
|
||||
margin: 0px;
|
||||
min-width: 170px;
|
||||
min-height: 170px;
|
||||
border-radius: apply(radius-lg);
|
||||
@@ -192,7 +192,7 @@
|
||||
|
||||
#date-container {
|
||||
background: @glass-widget;
|
||||
margin: 5px 10px 20px 5px;
|
||||
margin: 0px;
|
||||
min-width: 170px;
|
||||
min-height: 170px;
|
||||
border-radius: apply(radius-lg);
|
||||
@@ -202,7 +202,7 @@
|
||||
/* System Info Widget CSS */
|
||||
#info-box-widget {
|
||||
background: @glass-widget;
|
||||
margin: 5px 5px 5px 5px;
|
||||
margin: 0px;
|
||||
min-width: 170px;
|
||||
min-height: 170px;
|
||||
border-radius: apply(radius-lg);
|
||||
@@ -245,3 +245,19 @@
|
||||
font-size: apply(font-base);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Desktop widget edit mode & DnD */
|
||||
.edit-mode {
|
||||
border: 2px dashed @glass-accent;
|
||||
border-radius: apply(radius-lg);
|
||||
transition: all apply(transition-fast);
|
||||
}
|
||||
|
||||
.edit-mode:hover {
|
||||
border-color: @glass-text;
|
||||
background-color: alpha(@glass-accent, 0.08);
|
||||
}
|
||||
|
||||
.dragging {
|
||||
opacity: 0.5;
|
||||
}
|
||||
Reference in new issue
Block a user