Browse Source

修改了评论预览的展开方式

pull/4/head
欧醚 4 years ago
parent
commit
774235c1f5
2 changed files with 13 additions and 5 deletions
  1. +12
    -4
      app/javascript/styles/closed-social/timeline_comments.scss
  2. +1
    -1
      app/javascript/styles/thu/variables.scss

+ 12
- 4
app/javascript/styles/closed-social/timeline_comments.scss View File

@ -1,20 +1,28 @@
.comments_timeline {
max-height: 160px;
height: 160px;
overflow: hidden;
-webkit-mask-image: linear-gradient(#1a1a1a,transparent);
mask-image: linear-gradient(#1a1a1a,transparent);
transform: scale(0.85);
transform-origin: 80% 0%;
transform-origin: 100% 0%;
margin-bottom: -32px;
position: relative;
z-index:99;
&:hover {
max-height: 420px;
overflow: visible;
-webkit-mask-image: none;
mask-image: none;
> div {
background: lighten($ui-base-color, 5%);
}
}
&:active {
max-height: 420px;
overflow: visible;
-webkit-mask-image: none;
mask-image: none;
> div {
background: lighten($ui-base-color, 5%);
}
}
}

+ 1
- 1
app/javascript/styles/thu/variables.scss View File

@ -1,5 +1,5 @@
// Dependent colors
$classic-base-color: rgba(40,44,55,0.7);
$classic-base-color: rgba(48,43,56,0.85);
// Differences
$ui-base-color: $classic-base-color !default;

Loading…
Cancel
Save