@latest-thinking/lt-player 1.0.5-k → 1.0.5-m

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/dist/css/lt-player-main.css +1 -1
  2. package/dist/css/lt-player-main.css.map +1 -1
  3. package/dist/js/lt-player-main.js +1 -1
  4. package/dist/js/lt-player-main.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/assets/sass/abstracts/_mixins.scss +4 -4
  7. package/src/assets/sass/abstracts/_placeholders.scss +5 -5
  8. package/src/assets/sass/abstracts/_variables.scss +7 -7
  9. package/src/assets/sass/components/_modal.scss +15 -15
  10. package/src/assets/sass/sections/_additional-info.scss +3 -3
  11. package/src/assets/sass/sections/_poster.scss +11 -10
  12. package/src/assets/sass/sections/_settings.scss +11 -11
  13. package/src/assets/sass/sections/_subtitles.scss +1 -1
  14. package/src/assets/sass/sections/controllers/_botom.scss +96 -36
  15. package/src/assets/sass/sections/controllers/_mini-player.scss +1 -1
  16. package/src/assets/sass/sections/controllers/_notification-rewind-forward.scss +19 -20
  17. package/src/assets/sass/sections/controllers/_top.scss +4 -4
  18. package/src/services/ResizeService.ts +7 -4
package/src/assets/sass/sections/controllers/_notification-rewind-forward.scss CHANGED
@@ -3,19 +3,18 @@
3
3
  &__xs {
4
4
  .lt-player-notification {
5
5
  .lt-player-video-content {
6
- padding: 0 1rem;
6
+ padding: 0 16px;
7
7
 
8
8
  .poster-title {
9
9
  @extend %line-clamp-3;
10
10
  @include line-clamp-3;
11
- font-size: .8rem;
11
+ font-size: $lt-player-font-size-xs;
12
12
  }
13
13
 
14
14
  .poster-paragraph {
15
15
  &__content {
16
- font-size: .9rem;
16
+ font-size: 14px;
17
17
  }
18
-
19
18
  }
20
19
  }
21
20
  }
@@ -25,7 +24,7 @@
25
24
  .lt-player-notification {
26
25
  .lt-player-video-content {
27
26
  .poster-title {
28
- font-size: 1rem;
27
+ font-size: $lt-player-font-size-base;
29
28
  }
30
29
  }
31
30
  }
@@ -55,7 +54,7 @@
55
54
  @extend %lt-player-btn;
56
55
  @include dark-btn;
57
56
  background: rgba(39, 40, 42, 0.5);
58
- padding: 1rem;
57
+ padding: 16px;
59
58
  }
60
59
 
61
60
  .active {
@@ -66,10 +65,10 @@
66
65
 
67
66
  .lt-player-video-content {
68
67
  position: absolute;
69
- bottom: 11rem;
68
+ bottom: 176px;
70
69
  text-align: left;
71
70
  display: flex;
72
- padding: 0 1.5rem;
71
+ padding: 0 24px;
73
72
  width: 100%;
74
73
  user-select: none;
75
74
  align-items: end;
@@ -83,7 +82,7 @@
83
82
  @extend %line-clamp-3;
84
83
  @include line-clamp-4;
85
84
  color: $default-lt-player-white !important;
86
- font-size: 1.313rem;
85
+ font-size: $lt-player-font-size-xxl;
87
86
  font-weight: $lt-player-font-weight-lg;
88
87
  line-height: $lt-player-line-height;
89
88
  margin: 0;
@@ -97,11 +96,11 @@
97
96
  word-wrap: break-word;
98
97
  text-overflow: ellipsis;
99
98
  overflow: hidden;
100
-
99
+ font-size: $lt-player-font-size-base;
101
100
  font-weight: $lt-player-font-weight-sm;
102
101
  color: $default-lt-player-white !important;
103
102
  margin-bottom: 0;
104
- max-height: 3.1rem;
103
+ max-height: 50px;
105
104
  transition: max-height 0.3s ease-in-out;
106
105
  }
107
106
 
@@ -119,12 +118,12 @@
119
118
  border: none;
120
119
  margin: 0;
121
120
  text-decoration: none;
122
- font-size: 0.8rem;
121
+ font-size: $lt-player-font-size-xs;
123
122
  color: white;
124
123
  cursor: pointer;
125
124
  position: absolute;
126
- bottom: 9rem;
127
- right: 6rem;
125
+ bottom: 144px;
126
+ right: 96px;
128
127
  z-index: 8;
129
128
  }
130
129
 
@@ -149,7 +148,7 @@
149
148
 
150
149
  &__icon-wrapper {
151
150
  display: flex;
152
- padding: 0 .5rem;
151
+ padding: 0 8px;
153
152
  user-select: none;
154
153
 
155
154
  &.rotate {
@@ -170,7 +169,7 @@
170
169
  }
171
170
 
172
171
  span {
173
- font-size: 12px;
172
+ font-size: $lt-player-font-size-xs;
174
173
  user-select: none;
175
174
  }
176
175
  }
@@ -182,11 +181,11 @@
182
181
  flex-direction: row-reverse;
183
182
 
184
183
  &__portrait {
185
- margin: auto auto auto 3rem;
184
+ margin: auto auto auto 48px;
186
185
  }
187
186
 
188
187
  &__landscape {
189
- margin: auto auto auto 4rem;
188
+ margin: auto auto auto 64px;
190
189
  }
191
190
  }
192
191
  }
@@ -196,11 +195,11 @@
196
195
 
197
196
  &__icon {
198
197
  &__portrait {
199
- margin: auto 3rem auto auto;
198
+ margin: auto 48px auto auto;
200
199
  }
201
200
 
202
201
  &__landscape {
203
- margin: auto 4rem auto auto;
202
+ margin: auto 64px auto auto;
204
203
  }
205
204
  }
206
205
  }
package/src/assets/sass/sections/controllers/_top.scss CHANGED
@@ -6,7 +6,7 @@
6
6
  &__controls-enable,
7
7
  &__controls-enable-settings {
8
8
  .top-controllers {
9
- padding: 2rem 2rem 0 2rem;
9
+ padding: 40px 40px 0;
10
10
  }
11
11
  }
12
12
  }
@@ -19,7 +19,7 @@
19
19
  .plyr {
20
20
  &__controls {
21
21
  .top-controllers {
22
- padding: 1rem;
22
+ padding: 16px;
23
23
 
24
24
  button {
25
25
  @include buttons-xs;
@@ -44,7 +44,7 @@
44
44
  &__controls-enable-settings {
45
45
  .top-controllers {
46
46
  width: 100%;
47
- padding: 1.5rem 1.5rem 0 1.5rem;
47
+ padding: 24px 24px 0 24px;
48
48
  position: absolute;
49
49
 
50
50
  button {
@@ -103,7 +103,7 @@
103
103
  &__right {
104
104
 
105
105
  .mini-player-control {
106
- margin-top: 1rem;
106
+ margin-top: 16px;
107
107
  }
108
108
  }
109
109
  }
package/src/services/ResizeService.ts CHANGED
@@ -55,10 +55,13 @@ export class ResizeService {
55
55
  height: 150
56
56
  },
57
57
  size : {
58
- 1067 : "lg",
59
- 800 : "md",
60
- 533 : "sm",
61
- 266 : "xs"
58
+ 1067 : "xxl",
59
+ 913 : "xl",
60
+ 820 : "lg",
61
+ 760 : "md",
62
+ 640 : "sm",
63
+ 480 : "xs",
64
+ 266 : "xxs"
62
65
  }
63
66
  }
64
67