💄 Come true the comments switch button working.

This commit is contained in:
凡梦星尘
2022-06-19 18:18:17 +08:00
parent d20198d956
commit 05ac33e27f
5 changed files with 28 additions and 7 deletions

View File

@@ -1,5 +1,6 @@
@if $utterances_enable {
.utterances {
max-width: unset;
//max-width: unset;
min-height: 300px;
}
}

View File

@@ -67,10 +67,6 @@
.first-comment {
color: $first_comment_color;
@if $two_comments_actived==$first_comment_name {
font-weight: bold;
}
}
.second-comment {
@@ -82,6 +78,7 @@
}
$switch_btn_bg_color: $first_comment_color;
$switch_btn_move_bc: $second_comment_color;
.switch-btn {
position: relative;
@@ -100,6 +97,7 @@
@if $two_comments_actived==$second_comment_name {
$switch_btn_bg_color: $second_comment_color;
$switch_btn_move_bc: $first_comment_color;
}
background-color: $switch_btn_bg_color;
@@ -120,7 +118,11 @@
transition: .4s
}
&.move:before {
&.move {
background-color: $switch_btn_move_bc;
}
&.move:before {
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-o-transform: translateX(20px);
@@ -129,6 +131,7 @@
}
}
}
}
}