diff options
| author |  RaNaN <Mast3rRaNaN@hotmail.de>
| 2013-02-18 19:43:41 +0100 |
|---|---|---|
| committer | RaNaN <Mast3rRaNaN@hotmail.de>
| 2013-02-18 19:43:41 +0100 |
| commit | a60f38c572c642c933b2ea1563221ac96d4dbcbb (patch) | |
| tree | e6926a2bf52643eea1adbf7dd8e6293df457b261 /module/web/static/css/default/dashboard.less | |
| parent | show additional package info on hover (diff) | |
| download | pyload-a60f38c572c642c933b2ea1563221ac96d4dbcbb.tar.xz | |
worked on webui
Diffstat (limited to 'module/web/static/css/default/dashboard.less')
| -rw-r--r-- | module/web/static/css/default/dashboard.less | 86 |
1 files changed, 53 insertions, 33 deletions
diff --git a/module/web/static/css/default/dashboard.less b/module/web/static/css/default/dashboard.less index fedf4acdb..531dc9be3 100644 --- a/module/web/static/css/default/dashboard.less +++ b/module/web/static/css/default/dashboard.less @@ -27,15 +27,16 @@ margin-left: 0;
}
-@frame-border: 20px;
+@frame-top: 20px;
+@frame-bottom: 18px;
.package-frame {
position: absolute;
border-radius: 5px;
- top: -@frame-border;
- left: -@frame-border / 2;
- right: -@frame-border / 2;
- bottom: -@frame-border + 4px; // + size of visible bar
+ top: -@frame-top;
+ left: -@frame-top / 2;
+ right: -@frame-top / 2;
+ bottom: -@frame-bottom + 4px; // + size of visible bar
z-index: -1; // lies under package
}
@@ -56,8 +57,8 @@ .progress {
position: absolute;
- height: @frame-border;
- line-height: @frame-border;
+ height: @frame-bottom;
+ line-height: @frame-bottom;
border-radius: 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
@@ -89,15 +90,57 @@ }
.package-indicator {
- color: @blue;
position: absolute;
- height: @frame-border;
- line-height: @frame-border;
top: 0;
right: 0;
float: right;
+ color: @blue;
+ text-shadow: @yellowDark 1px 1px;
+ height: @frame-top;
+ line-height: @frame-top;
+
+ i {
+ cursor: pointer;
+ }
+
+ i:hover {
+ color: @green;
+ }
+
+ i.iconf-trash:hover {
+ color: @red;
+ }
}
+// Tag area with different effect on hover
+.tag-area {
+ position: absolute;
+ top: -2px;
+ left: 0;
+
+ .badge {
+ font-size: 11px;
+ line-height: 11px;
+ }
+
+ .badge i {
+ cursor: pointer;
+ &:hover:before {
+ content: "\f024"; // show Remove icon
+ }
+ }
+
+ .badge-ghost {
+ visibility: hidden;
+ cursor: pointer;
+ opacity: 0.5;
+ }
+
+ &:hover .badge-ghost {
+ visibility: visible;
+ }
+
+}
/*
Package View
*/
@@ -166,29 +209,6 @@ color: @light;
}
-// Tag area with different effect on hover
-.tag-area {
- display: inline-block;
-
- .badge i {
- cursor: pointer;
- &:hover {
- background-position: -312px 0; // Remove icon
- }
- }
-
- .badge-ghost {
- visibility: hidden;
- cursor: pointer;
- opacity: 0.5;
- }
-
- &:hover .badge-ghost {
- visibility: visible;
- }
-
-}
-
// Box containing the files
.package-view > ul {
overflow: hidden;
|