Browse Source

finished border management in workspace

Skylsmoi 7 years ago
parent
commit
e8273e37ec
1 changed files with 9 additions and 11 deletions
  1. 9 11
      src/css/Folder.styl

+ 9 - 11
src/css/Folder.styl View File

@@ -2,7 +2,6 @@ folderclose()
2 2
   height 0
3 3
   visibility hidden
4 4
   opacity 0
5
-  border 0
6 5
 
7 6
 folderopen()
8 7
   height 100%
@@ -13,16 +12,13 @@ folderopen()
13 12
 border-style = 1px solid dark-blue
14 13
 .folder__header
15 14
   border border-style
16
-  border-top 0
17 15
 .file
18 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 23
 .folder
28 24
   padding-left 30px
@@ -30,8 +26,8 @@ border-style = 1px solid dark-blue
30 26
     folderopen()
31 27
   & > .folder__content
32 28
     folderclose()
33
-    //& > .fileitem__rowfile, > .folder__header
34
-    //  folderclose()
29
+    & > .file, > .folder
30
+      folderclose()
35 31
   &.active
36 32
     & > .folder__header
37 33
       .folder__header__triangleborder
@@ -40,6 +36,8 @@ border-style = 1px solid dark-blue
40 36
           display block
41 37
     & > .folder__content
42 38
       folderopen()
39
+      & > .file, > .folder
40
+        folderopen()
43 41
 
44 42
 
45 43
   &__header