Browse Source

deleting the timeline style in tracim_front

AlexiCauvin 7 years ago
parent
commit
7e5ab4400f
1 changed files with 0 additions and 143 deletions
  1. 0 143
      src/css/Timeline.styl

+ 0 - 143
src/css/Timeline.styl View File

@@ -1,143 +0,0 @@
1
-.timeline
2
-  display flex
3
-  flex-direction column
4
-  margin 10px
5
-  border-radius 10px
6
-  height 100%
7
-  &__header
8
-    border-radius 10px 10px 0 0
9
-    padding 15px
10
-    text-align center
11
-    font-size 20px
12
-    color darkGrey
13
-    background-color grey-hover
14
-  &__messagelist
15
-    flex 1 1 0
16
-    margin-bottom 0
17
-    padding-left 0
18
-    border-bottom 1px solid grey
19
-    background-color off-white
20
-    overflow-Y auto
21
-    list-style none
22
-    &__item
23
-      padding 0 25px 20px 35px
24
-      &__avatar
25
-        position relative
26
-        top 43px
27
-        left -25px
28
-        width 45px
29
-        height 45px
30
-      &__createhour
31
-        margin-left 30px
32
-        opacity 0.7
33
-        font-size 14px
34
-      &__content
35
-        border 1px solid grey
36
-        border-radius 5px
37
-        padding 15px
38
-        background-color off-white
39
-        font-size 15px
40
-        z-index -1
41
-    &__version
42
-      display flex
43
-      justify-content space-between
44
-      margin-top 40px
45
-      padding 10px 15px
46
-      width 100%
47
-      background-color lightGrey
48
-      &__btn
49
-        padding 5px 25px
50
-        border-radius 5px
51
-        width 145px
52
-        color white
53
-        font-size 17px
54
-        & > i
55
-          margin-right 10px
56
-          color darkGrey
57
-          font-size 22px
58
-      &__date
59
-        color fontColor
60
-        font-size 17px
61
-        margin auto 0
62
-  &__texteditor
63
-    padding 2px
64
-    &__simpletext
65
-      display none
66
-      width 70%
67
-      margin-right 35px
68
-      &__icon
69
-        cursor pointer
70
-    &__wysiwyg
71
-      display block
72
-      & > textarea
73
-        width 100%
74
-        height 130px
75
-    &__submit
76
-      margin 10px 0
77
-      &__btn
78
-        display flex
79
-        cursor pointer
80
-        &:hover , &:focus
81
-          box-shadow shadow-all-btn
82
-        &__icon
83
-          margin-left 10px
84
-
85
-.sended
86
-  .timeline__messagelist__item__content
87
-    margin-right 25%
88
-
89
-.received
90
-  .timeline__messagelist__item
91
-    &__avatar
92
-      left 93%
93
-    &__createhour
94
-      text-align right
95
-      margin-right 50px
96
-    &__content
97
-      margin-left 25%
98
-      color white
99
-
100
-/**** MEDIA 992px & 1199px ****/
101
-
102
-@media (min-width: min-lg) and (max-width: max-lg)
103
-
104
-  .timeline__messagelist__item
105
-    margin-right 55px
106
-
107
-  .received
108
-    .timeline__messagelist__item
109
-      &__avatar
110
-        left 96%
111
-
112
-/**** MEDIA 768px & 991px ****/
113
-
114
-@media (min-width: min-md) and (max-width: max-md)
115
-
116
-  .timeline__messagelist__item
117
-    margin-right 55px
118
-
119
-  .received
120
-    .timeline__messagelist__item
121
-      &__avatar
122
-        left 96%
123
-
124
-/**** MEDIA 576px & 767px ****/
125
-
126
-@media (min-width: min-sm) and (max-width: max-sm)
127
-
128
-  .timeline__messagelist__item
129
-    margin-right 35px
130
-
131
-  .received
132
-    .timeline__messagelist__item
133
-      &__avatar
134
-        left 94%
135
-
136
-/**** MEDIA 575px ****/
137
-
138
-@media (max-width: max-xs)
139
-
140
-  .received
141
-    .timeline__messagelist__item
142
-      &__avatar
143
-        left 90%