@rtsee/ngx 0.0.76 → 0.0.78

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.
@@ -29,5 +29,16 @@
29
29
  @media screen and (min-width: $rts-break-md) {
30
30
  height: $stories-player-height-wide-screen;
31
31
  height: $stories-player-height-wide-screen-dvh;
32
+
33
+ .rtsee-presentation-slide-default {
34
+ .rtsee-presentation-slide-image-container {
35
+ padding-bottom: 50%;
36
+ background-repeat: no-repeat;
37
+ background-size: contain;
38
+ max-width: 600px;
39
+ background-position: center;
40
+ margin: 0 auto;
41
+ }
42
+ }
32
43
  }
33
44
  }
@@ -1,10 +1,10 @@
1
1
  @import "./variables";
2
2
 
3
3
  .rtsee-story-details {
4
-
5
-
6
4
  .rtsee-story-details-image-container {
7
5
  position: relative;
6
+ line-height: 0;
7
+ text-align: center;
8
8
 
9
9
  .rtsee-story-details-image {
10
10
  width: 100%;
@@ -22,4 +22,52 @@
22
22
  left: $rts-offset-sm;
23
23
  }
24
24
  }
25
+
26
+ .rtsee-story-details-title-container {
27
+ padding: $rts-offset-sm;
28
+
29
+ .rtsee-story-details-title {
30
+ color: $rts-font-color-light;
31
+ margin: 0;
32
+ }
33
+ }
34
+
35
+ .rtsee-story-details-labels {
36
+ padding: 0 $rts-offset-sm;
37
+
38
+ .rtsee-story-details-label {
39
+ margin: 0 $rts-offset-sm $rts-offset-sm 0;
40
+ }
41
+ }
42
+
43
+ .rtsee-story-details-description-container {
44
+ .rtsee-story-details-description {
45
+ padding: $rts-offset-sm;
46
+ margin: 0;
47
+ }
48
+ }
49
+
50
+ .rtsee-story-details-votes {
51
+ .rtsee-story-details-comments-label {
52
+ margin: 0;
53
+ font-size: 21px;
54
+ padding: $rts-offset-sm;
55
+ font-weight: 600;
56
+ color: #333;
57
+ }
58
+ }
59
+
60
+ .rtsee-story-details-feedback {
61
+ padding: $rts-offset-sm;
62
+ }
63
+
64
+ @media screen and (min-width: $rts-break-md) {
65
+ .rtsee-story-details-image-container {
66
+ .rtsee-story-details-image {
67
+ max-width: 500px;
68
+ }
69
+ }
70
+
71
+ }
72
+
25
73
  }
@@ -59,10 +59,12 @@
59
59
  height: $stories-player-height-wide-screen;
60
60
  height: $stories-player-height-wide-screen-dvh;
61
61
 
62
+
62
63
  .rtsee-story-player-slider {
63
64
  .story-player-slide-container {
64
65
  height: $stories-player-height-wide-screen;
65
- height: $stories-player-height-wide-screen-dvh; // we need a macros for this
66
+ height: $stories-player-height-wide-screen-dvh;
67
+ // we need a macros for this
66
68
  }
67
69
  }
68
70
  }
@@ -45,12 +45,38 @@
45
45
  color: #334155;
46
46
 
47
47
  .rtsee-story-thumbnail-image-container {
48
+ position: relative;
48
49
  padding-bottom: $story-thumb-image-padding;
49
50
  background-size: cover;
50
51
  background-position: center center;
51
52
  background-repeat: no-repeat;
52
53
  overflow: hidden;
53
54
  border-radius: $rts-default-border-radius;
55
+
56
+ .rtsee-story-thumbnail-progress-bar-container {
57
+ $rts-progress-bar-height: 5px;
58
+
59
+ position: absolute;
60
+ width: 100%;
61
+ height: $rts-progress-bar-height;
62
+ bottom: $rts-progress-bar-height;
63
+ left: 0;
64
+ padding: 0 $rts-offset-sm;
65
+
66
+ .rtsee-story-thumbnail-progress-bar {
67
+ height: $rts-progress-bar-height;
68
+ width: 100%;
69
+ background-color: #cccccc;
70
+ border-radius: 3px;
71
+
72
+ .rtsee-story-thumbnail-progress-bar-inner {
73
+ height: $rts-progress-bar-height;
74
+ background-color: #cc0000;
75
+ border-radius: 3px;
76
+ float: left;
77
+ }
78
+ }
79
+ }
54
80
  }
55
81
 
56
82
  .rtsee-story-thumbnail-body-container {
@@ -19,6 +19,5 @@ $stories-player-height-wide-screen: calc(100vh - $presentation-dashboard-header-
19
19
  $presentation-dashboard-ol-height: calc(100vh - $presentation-dashboard-preoccupied-height);
20
20
 
21
21
  $stories-player-height-dvh: calc(100dvh - $rts-bottom-nav-height);
22
- $stories-player-height-wide-screen-dvh: calc(100vh - $presentation-dashboard-header-height);
23
-
24
- $presentation-dashboard-ol-height-dvh: calc(100vh - $presentation-dashboard-preoccupied-height)
22
+ $stories-player-height-wide-screen-dvh: calc(100dvh - $presentation-dashboard-header-height);
23
+ $presentation-dashboard-ol-height-dvh: calc(100dvh - $presentation-dashboard-preoccupied-height)
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.0.76",
2
+ "version": "0.0.78",
3
3
  "name": "@rtsee/ngx",
4
4
  "module": "./dist/ngx/fesm2022/rtsee-ngx.mjs",
5
5
  "types": "./dist/ngx/index.d.ts",
@@ -34,12 +34,12 @@
34
34
  "@angular/platform-browser-dynamic": "^20.1.2",
35
35
  "@angular/router": "^20.1.2",
36
36
  "@primeuix/themes": "^1.2.3",
37
- "@rtsee/common": "^0.0.47",
38
- "@rtsee/conference": "^0.0.48",
39
- "@rtsee/core": "^0.0.91",
40
- "@rtsee/events-dashboard": "^0.0.81",
41
- "@rtsee/factory": "^0.0.90",
42
- "@rtsee/messenger": "^0.0.81",
37
+ "@rtsee/common": "^0.0.49",
38
+ "@rtsee/conference": "^0.0.50",
39
+ "@rtsee/core": "^0.0.93",
40
+ "@rtsee/events-dashboard": "^0.0.83",
41
+ "@rtsee/factory": "^0.0.92",
42
+ "@rtsee/messenger": "^0.0.83",
43
43
  "@rtsee/signaling-client": "^0.0.66",
44
44
  "dayjs": "^1.11.9",
45
45
  "ngx-autosize": "^2.0.4",
@@ -66,5 +66,5 @@
66
66
  "publishConfig": {
67
67
  "access": "public"
68
68
  },
69
- "gitHead": "3a0b2fe6c4ae5ec01805f35d2270f3604d111b59"
69
+ "gitHead": "5421f401d4a962b6f19d37727f3cb834f7cc4166"
70
70
  }