@@ -39,15 +39,17 @@
.controls {
position: absolute;
- bottom: 0;
+ // height: 126px;
+ bottom: 126px;
left: 0;
right: 0;
width: 100%;
- background: rgba(0, 0, 0, 0.6);
+ background-color: rgba(0, 0, 0, 0.7);
backdrop-filter: blur(26px);
- height: 150px;
- padding: 0 250px 0 40px !important;
- transition: all 0.5s;
+ height: 86px;
+ padding: 10px 40px 0 !important;
+ transition: all 0.2s;
+ transition-delay: .4s;
display: flex;
align-items: center;
transition: all .5s;
@@ -94,8 +96,8 @@
.actionBtn {
- width: 82px;
- height: 82px;
+ width: 60px;
+ height: 60px;
padding: 4px 0;
background: transparent;
@@ -107,8 +109,8 @@
.iconReplay {
- width: 43px;
- height: 42px;
+ width: 40px;
+ height: 39px;
background-color: transparent;
&>img {
@@ -135,5 +137,5 @@
opacity: 0;
pointer-events: none;
transform: translateY(100%);
- transition: all .5s;
+ transition: all .2s;
}
@@ -23,31 +23,7 @@
-.assignHomework {
- position: absolute;
- top: 40px;
- left: 40px;
- width: 187px;
- height: 65px;
- cursor: pointer;
-
- &.isClose {
- left: 124px;
- }
- img {
- width: 100%;
- height: 100%;
-}
-.sectionAnimateUp {
- opacity: 0;
- pointer-events: none;
- transform: translateY(-100%);
.coursewarePlay {
position: relative;
@@ -352,17 +328,24 @@
transition: all 0.5s;
+.sectionAnimateUp {
+ opacity: 0;
+ pointer-events: none;
+ transform: translateY(-100%);
+ transition: all 0.3s;
+}
+
.switchDisplaySection {
right: 0px;
bottom: 0px;
z-index: 199;
justify-content: space-between;
- padding: 0 30px;
+ padding: 0 40px;
height: 126px;
background-color: rgba(0, 0, 0, 0.7);