Bläddra i källkod

finished border management in workspace

Skylsmoi 7 år sedan
förälder
incheckning
e8273e37ec
1 ändrade filer med 9 tillägg och 11 borttagningar
  1. 9 11
      src/css/Folder.styl

+ 9 - 11
src/css/Folder.styl Visa fil

2
   height 0
2
   height 0
3
   visibility hidden
3
   visibility hidden
4
   opacity 0
4
   opacity 0
5
-  border 0
6
 
5
 
7
 folderopen()
6
 folderopen()
8
   height 100%
7
   height 100%
13
 border-style = 1px solid dark-blue
12
 border-style = 1px solid dark-blue
14
 .folder__header
13
 .folder__header
15
   border border-style
14
   border border-style
16
-  border-top 0
17
 .file
15
 .file
18
   border border-style
16
   border border-style
19
-  border-top 0
20
-.folder + .file
21
-  border-top border-style
22
-.folder:last-child > .folder__header
23
-  border-bottom border-style
24
-.folder:not(:last-child) > .folder__header
25
-  border-bottom border-style
17
+.folder + .file, .file + .file
18
+  border-bottom 0
19
+.folder__content > .file, .folder__content > .folder
20
+  border-bottom 0
21
+// @TODO the very last line of file or folder has to be added a border bottom in js
26
 
22
 
27
 .folder
23
 .folder
28
   padding-left 30px
24
   padding-left 30px
30
     folderopen()
26
     folderopen()
31
   & > .folder__content
27
   & > .folder__content
32
     folderclose()
28
     folderclose()
33
-    //& > .fileitem__rowfile, > .folder__header
34
-    //  folderclose()
29
+    & > .file, > .folder
30
+      folderclose()
35
   &.active
31
   &.active
36
     & > .folder__header
32
     & > .folder__header
37
       .folder__header__triangleborder
33
       .folder__header__triangleborder
40
           display block
36
           display block
41
     & > .folder__content
37
     & > .folder__content
42
       folderopen()
38
       folderopen()
39
+      & > .file, > .folder
40
+        folderopen()
43
 
41
 
44
 
42
 
45
   &__header
43
   &__header