improved add dialog + package view

2 files changed, 68 insertions, 20 deletions

diff --git a/module/web/static/css/default/dashboard.less b/module/web/static/css/default/dashboard.less
index e60a21dfb..0c749eb36 100644
--- a/module/web/static/css/default/dashboard.less
+++ b/module/web/static/css/default/dashboard.less
@@ -110,18 +110,42 @@
 

 .package-row.third {

   line-height: 26px;

+

 }

 

 .package-view a {

   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;

-  .gradient(left, @light, @greenLight);

-//  box-shadow: 0 0 5px black;

+  .gradient(left, @light, @greenLight); //  box-shadow: 0 0 5px black;

 }

+

 /*

   File view

 */

@@ -131,8 +155,7 @@
 }

 

 .file-view > div {

-  border-radius: 5px;

-//  .gradient(top,  @blueLighter, @blueLightest);

+  border-radius: 5px; //  .gradient(top,  @blueLighter, @blueLightest);

   line-height: 26px;

 }

 

@@ -154,6 +177,7 @@
 .file-row.second {

   width: 30%;

 }

+

 /*

 FANCY CHECKBOXES

 */

diff --git a/module/web/static/css/default/style.less b/module/web/static/css/default/style.less
index e1b4e417e..7ad764542 100644
--- a/module/web/static/css/default/style.less
+++ b/module/web/static/css/default/style.less
@@ -161,27 +161,32 @@ a:hover {
 }

 

 .btn-yellow {

-  background-color: hsl(51, 99%, 55%) !important;

+  background-color: hsl(53, 96%, 44%) !important;

   background-repeat: repeat-x;

-  background-image: -khtml-gradient(linear, left top, left bottom, from(#feeb80), to(#fddb1a));

-  background-image: -moz-linear-gradient(top, #feeb80, #fddb1a);

-  background-image: -ms-linear-gradient(top, #feeb80, #fddb1a);

-  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #feeb80), color-stop(100%, #fddb1a));

-  background-image: -webkit-linear-gradient(top, #feeb80, #fddb1a);

-  background-image: -o-linear-gradient(top, #feeb80, #fddb1a);

-  background-image: linear-gradient(#feeb80, #fddb1a);

-  border-color: #fddb1a #fddb1a hsl(51, 99%, 50%);

-  color: #333 !important;

+  background-image: -khtml-gradient(linear, left top, left bottom, from(#fbe64b), to(#dbc204));

+  background-image: -moz-linear-gradient(top, #fbe64b, #dbc204);

+  background-image: -ms-linear-gradient(top, #fbe64b, #dbc204);

+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbe64b), color-stop(100%, #dbc204));

+  background-image: -webkit-linear-gradient(top, #fbe64b, #dbc204);

+  background-image: -o-linear-gradient(top, #fbe64b, #dbc204);

+  background-image: linear-gradient(#fbe64b, #dbc204);

+  border-color: #dbc204 #dbc204 hsl(53, 96%, 39%);

+  color: #fff !important;

   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33);

   -webkit-font-smoothing: antialiased;

+

+  .caret {

+    border-bottom-color: #FFFFFF;

+    border-top-color: #FFFFFF;

+  }

+

 }

 

 /*

     Header

 */

 

-header {

-//  background-color: @greyDark;

+header { //  background-color: @greyDark;

   background: url("../../img/default/bgpatterndark.png") repeat;

   height: @header-height;

   position: fixed;

@@ -319,8 +324,7 @@ header .logo {
 #speedgraph {

   float: right;

   width: 14%;

-  height: 60px;

-  // similiar as header_box

+  height: 60px; // similiar as header_box

   margin: 8px 8px 0 8px;

   font-family: sans-serif

 }

@@ -341,8 +345,7 @@ header .logo {
 /*

     Footer

 */

-footer {

-//  background-color: @greyDark;

+footer { //  background-color: @greyDark;

   background: url("../../img/default/bgpatterndark.png") repeat;

   color: @grey;

   height: @footer-height;

@@ -425,4 +428,25 @@ footer h2 {
   background: radial-gradient(center, ellipse cover, rgba(236, 208, 66, 0) 0%, rgba(40, 119, 171, 0.9) 100%);

   z-index: 50;

   opacity: 0;

+}

+

+div.modal-header {

+  border-top-left-radius: 4px;

+  border-top-right-radius: 4px;

+  background-color: @blueDark;

+  color: #FFFFFF;

+

+  .close {

+    color: @light;

+  }

+

+}

+

+div.modal-body {

+  max-height: 100%;

+}

+

+div.modal {

+  width: 600px;

+

 }
\ No newline at end of file