You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@dlab.apache.org by dg...@apache.org on 2020/04/14 09:12:21 UTC

[incubator-dlab] 03/03: Created branch for video

This is an automated email from the ASF dual-hosted git repository.

dgnatyshyn pushed a commit to branch for_video
in repository https://gitbox.apache.org/repos/asf/incubator-dlab.git

commit 33c41821a193d5c24e4ec294fd818221c03a30fc
Author: Dmytro Gnatyshyn <di...@ukr.net>
AuthorDate: Tue Apr 14 12:11:10 2020 +0300

    Created branch for video
---
 .../bucket-browser/bucket-browser.component.scss   | 30 +++++++++++++++++++---
 .../folder-tree/folder-tree.component.scss         |  2 ++
 2 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/bucket-browser.component.scss b/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/bucket-browser.component.scss
index 7f004b4..e94b699 100644
--- a/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/bucket-browser.component.scss
+++ b/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/bucket-browser.component.scss
@@ -22,14 +22,17 @@
     margin: 0 4px 10px 4px;
     padding: 4px 4px 4px 20px;
     color: rgba(0,0,0,.87);
+
     .url{
       font-weight: 600;
     }
   }
+
   bottom: 0;
   .dialog-content{
     padding: 0 35px;
   }
+
   .content-box {
     height: 500px;
 
@@ -37,10 +40,12 @@
 
   .submit{
     display: flex;
+
     .butt{
       position: relative;
       overflow: hidden;
       margin: 10px;
+
       input[type="file"] {
         position: absolute;
         left: 0;
@@ -66,8 +71,6 @@
   border-radius: 5px;
   display: flex;
 
-
-
   .navigation{
     flex: 1;
     border-right: 2px solid rgba(0,0,0,.12);
@@ -79,39 +82,47 @@
         line-height: 30px;
       }
     }
-
   }
 
   .directory{
     max-height: 500px;
     overflow: auto;
     flex: 2;
+
     .folder-tree{
       .name{
         flex:2;
         display: flex;
         align-items: center;
+
         &-folder{
           span{
             padding-left: 10px;
           }
         }
+
         &-file{
           padding-left: 4px;
+
           span.item-name{
             padding-left: 14px;
           }
         }
       }
+
       .size{
         flex:1;
       }
+
       .progress-wrapper{
         flex:1;
+
         .progres{
+
           border: 1px solid rgba(0,0,0,.12);
           height: 15px;
           position: relative;
+
           .bar{
             position: absolute;
             top: 0;
@@ -119,6 +130,7 @@
             left: 0;
             width: 0;
             background-color:  #00bcd4;
+
             &.full{
               width: 100%;
               transition: 5s ease-in-out;
@@ -126,20 +138,24 @@
           }
         }
       }
+
       .material-icons.close{
         font-size: 15px;
         margin: 0 10px;
         cursor: pointer;
       }
+
       .action {
         display: flex;
         justify-content: space-around;
         width: 100%;
+
         .add-file {
           overflow: hidden;
           min-width: 100px ;
           height: 30px;
           position: relative;
+
           input{
             position: absolute;
             left: 0;
@@ -161,6 +177,7 @@
   .folder-item{
      display: flex;
      align-items: center;
+
      .folder-item-wrapper{
        width: 100%;
        display: flex;
@@ -168,19 +185,24 @@
        align-items: center;
        cursor: pointer;
        color: rgba(0,0,0,.87);
+
        i{
          color: rgb(232, 232, 232);
        }
+
        &:hover{
          color: #00bcd4;
          transition: .3s ease-in-out;
+
          i{
            color: #00bcd4;
            transition: .3s ease-in-out;
          }
+
          .empty-checkbox{
            border-color: #00bcd4
          }
+
          .progress-wrapper{
            .progres{
              border-color: #00bcd4 !important;
@@ -198,10 +220,12 @@
   border: 2px solid lightgrey;
   margin-top: 2px;
   position: relative;
+
   &.checked {
     border-color: #35afd5;
     background-color: #35afd5;
   }
+
   .checked-checkbox {
     top: 0px;
     left: 4px;
diff --git a/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/folder-tree/folder-tree.component.scss b/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/folder-tree/folder-tree.component.scss
index e9902af..afd11d8 100644
--- a/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/folder-tree/folder-tree.component.scss
+++ b/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/folder-tree/folder-tree.component.scss
@@ -28,8 +28,10 @@
   cursor: pointer;
   transition: .3s;
   overflow: unset;
+
   &:hover{
     color: #00bcd4;
+
     i{
       color: #00bcd4;
     }


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@dlab.apache.org
For additional commands, e-mail: commits-help@dlab.apache.org