diff options
| author |  RaNaN <Mast3rRaNaN@hotmail.de>
| 2013-02-17 19:36:26 +0100 |
|---|---|---|
| committer | RaNaN <Mast3rRaNaN@hotmail.de>
| 2013-02-17 19:36:26 +0100 |
| commit | 337fd980bcae89bb8b8f005c55ca3810128a525c (patch) | |
| tree | ddadbdcd84f91beec72c29b884449a1ec6d7afe6 /module/web/static | |
| parent | closed #1 (diff) | |
| download | pyload-337fd980bcae89bb8b8f005c55ca3810128a525c.tar.xz | |
show additional package info on hover
Diffstat (limited to 'module/web/static')
| -rw-r--r-- | module/web/static/css/default/dashboard.less | 47 | ||||
| -rw-r--r-- | module/web/static/css/default/style.less | 2 |
2 files changed, 38 insertions, 11 deletions
diff --git a/module/web/static/css/default/dashboard.less b/module/web/static/css/default/dashboard.less index bfca80bc2..fedf4acdb 100644 --- a/module/web/static/css/default/dashboard.less +++ b/module/web/static/css/default/dashboard.less @@ -27,26 +27,46 @@ margin-left: 0;
}
+@frame-border: 20px;
+
+.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
+ z-index: -1; // lies under package
+}
+
.package-item {
cursor: pointer;
- margin-bottom: 4px;
+ padding-bottom: 4px;
+ margin: 8px 0;
position: relative;
overflow: hidden;
+
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
- i {
+ i.iconf-check-empty {
cursor: move;
}
.progress {
- height: 4px;
- border-radius: 2px;
+ position: absolute;
+ height: @frame-border;
+ line-height: @frame-border;
+ border-radius: 0;
+ border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 5px;
+ bottom: 0;
+ left: 0;
+ right: 0;
margin-bottom: 0;
background-image: none;
background-color: @yellow;
- clear: both;
}
.bar-info {
@@ -54,6 +74,14 @@ background-color: @blue;
}
+ &:hover {
+ overflow: visible;
+ z-index: 10;
+
+ .package-frame {
+ background-color: @light;
+ }
+ }
}
.package-info {
@@ -61,14 +89,13 @@ }
.package-indicator {
- color: @light;
+ color: @blue;
position: absolute;
- padding: 2px;
- bottom: 5px;
- border-radius: 5px;
+ height: @frame-border;
+ line-height: @frame-border;
+ top: 0;
right: 0;
float: right;
- .gradient(top, @blue, @blueDark);
}
/*
diff --git a/module/web/static/css/default/style.less b/module/web/static/css/default/style.less index 4e6f6bd39..a6df51625 100644 --- a/module/web/static/css/default/style.less +++ b/module/web/static/css/default/style.less @@ -446,7 +446,7 @@ footer h2 { background: -o-radial-gradient(center, ellipse cover, rgba(236, 208, 66, 0) 0%, rgba(40, 119, 171, 0.9) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(236, 208, 66, 0) 0%, rgba(40, 119, 171, 0.9) 100%);
background: radial-gradient(center, ellipse cover, rgba(236, 208, 66, 0) 0%, rgba(40, 119, 171, 0.9) 100%);
- z-index: 50;
+ z-index: 100;
opacity: 0;
}
|