summaryrefslogtreecommitdiffstats
path: root/client/components/activities/comments.styl
diff options
context:
space:
mode:
authorMaxime Quandalle <maxime@quandalle.com>2015-06-12 13:59:39 +0200
committerMaxime Quandalle <maxime@quandalle.com>2015-06-12 17:48:15 +0200
commitc8945679872a0708eb67a477a99a65d508c84cb0 (patch)
tree5cf9f2cc842f891451f7bc247b5f0833c1ab39e7 /client/components/activities/comments.styl
parent216887490e3be0ba141484afc11d37475e91562d (diff)
downloadwekan-c8945679872a0708eb67a477a99a65d508c84cb0.tar.gz
wekan-c8945679872a0708eb67a477a99a65d508c84cb0.tar.bz2
wekan-c8945679872a0708eb67a477a99a65d508c84cb0.zip
Work on the card activities and comments
This commit also introduces a new CSSEvents object that is used to abstract vendor specifics events related to CSS transitions and animations. Fixes #183. Fixes #179.
Diffstat (limited to 'client/components/activities/comments.styl')
-rw-r--r--client/components/activities/comments.styl40
1 files changed, 20 insertions, 20 deletions
diff --git a/client/components/activities/comments.styl b/client/components/activities/comments.styl
index f372e5ef..1857ca99 100644
--- a/client/components/activities/comments.styl
+++ b/client/components/activities/comments.styl
@@ -8,15 +8,15 @@
top: 1px
left: -38px
- &.focus
+ &.is-open
.member
opacity: 1
.helper
display: inline-block
- .new-comment-input
- min-height: 108px
+ textarea
+ min-height: 100px
color: #4d4d4d
cursor: auto
overflow: hidden
@@ -25,22 +25,22 @@
.too-long
margin-top: 8px
-.new-comment-input
- background-color: #fff
- border: 0
- box-shadow: 0 1px 2px rgba(0, 0, 0, .23)
- color: #8c8c8c
- height: 36px
- margin: 4px 4px 6px 0
- padding: 9px 11px
- width: 100%
-
- &:hover,
- &:focus
+ textarea
background-color: #fff
- box-shadow: 0 1px 3px rgba(0, 0, 0, .33)
border: 0
- cursor: pointer
-
- &:focus
- cursor: auto
+ box-shadow: 0 1px 2px rgba(0, 0, 0, .23)
+ color: #8c8c8c
+ height: 36px
+ margin: 4px 4px 6px 0
+ padding: 9px 11px
+ width: 100%
+
+ &:hover,
+ &:is-open
+ background-color: #fff
+ box-shadow: 0 1px 3px rgba(0, 0, 0, .33)
+ border: 0
+ cursor: pointer
+
+ &:is-open
+ cursor: auto