@rtsee/ngx 0.0.69 → 0.0.71

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 (6) hide show
  1. package/dist/ngx/fesm2022/rtsee-ngx.mjs +16 -10
  2. package/dist/ngx/fesm2022/rtsee-ngx.mjs.map +1 -1
  3. package/dist/ngx/src/lib/theme/presentation/presentation.scss +52 -9
  4. package/dist/ngx/src/lib/theme/presentation/slide.scss +2 -2
  5. package/dist/ngx/src/lib/theme/presentation/story-player.scss +17 -4
  6. package/package.json +7 -7
package/dist/ngx/src/lib/theme/presentation/presentation.scss CHANGED
@@ -1,27 +1,70 @@
1
1
  @import "./variables";
2
2
 
3
3
  .rtsee-presentation-header {
4
- transition: top 0.5s ease-in-out;
4
+ transition: bottom 0.5s ease-in-out;
5
+ background-color: #ffffff;
6
+ width: 100%;
5
7
 
6
8
  &.rtsee-presentation-header-convertable {
7
- height: $presentation-dashboard-header-height;
8
9
  position: absolute;
9
- top: - $presentation-dashboard-header-height;
10
+ height: $presentation-dashboard-header-height;
11
+ bottom: - $presentation-dashboard-header-height;
10
12
  z-index: 300;
11
13
  }
12
14
 
13
15
  &.rtsee-presentation-header-visible {
14
- top: 0;
16
+ bottom: 0;
15
17
  }
16
18
 
17
- .rtsee-presentation-room-block {
19
+ .rtsee-presentation-header-active-story-info {
20
+ position: relative;
21
+ padding: 0 $presentation-dashboard-header-height;
18
22
 
19
- }
23
+ .rtsee-presentation-header-active-story-info-close {
24
+ position: absolute;
25
+ display: flex;
26
+ align-items: center;
27
+ justify-content: center;
28
+ top: 0;
29
+ left: 0;
30
+ height: $presentation-dashboard-header-height;
31
+ width: $presentation-dashboard-header-height;
20
32
 
21
- .rtsee-story-info {
22
- p {
23
- margin: 0;
33
+ .rtsee-presentation-header-active-story-info-close-icon {
34
+ font-size: 1.5rem
35
+ }
24
36
  }
37
+
38
+ .rtsee-presentation-header-active-story-info-details {
39
+ padding: 5px 0;
40
+
41
+ .rtsee-presentation-header-active-story-name {
42
+ white-space: nowrap;
43
+ overflow: hidden;
44
+ text-overflow: ellipsis;
45
+ max-width: 100%;
46
+ }
47
+ }
48
+
49
+ .rtsee-presentation-header-active-story-info-settings {
50
+ position: absolute;
51
+ display: flex;
52
+ align-items: center;
53
+ justify-content: center;
54
+ width: $presentation-dashboard-header-height;
55
+ height: $presentation-dashboard-header-height;
56
+ right: 0;
57
+ top: 0;
58
+
59
+
60
+ .rtsee-presentation-header-active-story-info-settings-icon {
61
+ font-size: 1.8rem;
62
+ }
63
+ }
64
+ }
65
+
66
+ .rtsee-presentation-room-block {
67
+
25
68
  }
26
69
 
27
70
  @media screen and (min-width: $rts-break-md) {
package/dist/ngx/src/lib/theme/presentation/slide.scss CHANGED
@@ -1,10 +1,10 @@
1
1
  @import "./variables";
2
2
 
3
3
  .rtsee-presentation-slide {
4
+ height: 100%;
4
5
  background-color: $rts-main-bg-color-light;
5
- height: $stories-player-height;
6
- height: $stories-player-height-dvh;
7
6
  overflow-y: auto;
7
+ padding-bottom: $presentation-dashboard-header-height;
8
8
 
9
9
  .rtsee-presentation-slide-default {
10
10
  .rtsee-presentation-slide-image-container {
package/dist/ngx/src/lib/theme/presentation/story-player.scss CHANGED
@@ -1,16 +1,28 @@
1
1
  @import "./variables";
2
2
 
3
3
  .rtsee-story-player {
4
- height: $stories-player-height;
5
- height: $stories-player-height-dvh;
4
+ position: fixed;
5
+ top: 0;
6
+ left: 0;
7
+ width: 100%;
8
+ height: 100%;
9
+ z-index: 3;
10
+
6
11
  overflow: hidden;
7
12
 
13
+ .rtsee-presentation-header-story-name {
14
+ white-space: nowrap;
15
+ overflow: hidden;
16
+ text-overflow: ellipsis;
17
+ }
18
+
8
19
  .rtsee-story-player-slider {
20
+ height: 100%;
21
+
9
22
  .story-player-slide-container {
10
23
  touch-action: pan-y;
11
24
  //display: none;
12
- height: $stories-player-height;
13
- height: $stories-player-height-dvh;
25
+ height: 100%;
14
26
 
15
27
  &.story-player-slide-active {
16
28
  //display: block;
@@ -35,6 +47,7 @@
35
47
  }
36
48
 
37
49
  @media screen and (min-width: $rts-break-md) {
50
+ position: static;
38
51
  height: $stories-player-height-wide-screen;
39
52
  height: $stories-player-height-wide-screen-dvh;
40
53
 
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.0.69",
2
+ "version": "0.0.71",
3
3
  "name": "@rtsee/ngx",
4
4
  "module": "./dist/ngx/fesm2022/rtsee-ngx.mjs",
5
5
  "types": "./dist/ngx/index.d.ts",
@@ -34,11 +34,11 @@
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.39",
38
- "@rtsee/conference": "^0.0.40",
39
- "@rtsee/events-dashboard": "^0.0.73",
40
- "@rtsee/factory": "^0.0.82",
41
- "@rtsee/messenger": "^0.0.73",
37
+ "@rtsee/common": "^0.0.41",
38
+ "@rtsee/conference": "^0.0.42",
39
+ "@rtsee/events-dashboard": "^0.0.75",
40
+ "@rtsee/factory": "^0.0.84",
41
+ "@rtsee/messenger": "^0.0.75",
42
42
  "@rtsee/signaling-client": "^0.0.66",
43
43
  "dayjs": "^1.11.9",
44
44
  "ngx-autosize": "^2.0.4",
@@ -65,5 +65,5 @@
65
65
  "publishConfig": {
66
66
  "access": "public"
67
67
  },
68
- "gitHead": "e7f31b5d2a5b6822c8ec7e5eb1f333c8599614a4"
68
+ "gitHead": "b0122d41fd9f795088524a8b69b8bf321b06fee0"
69
69
  }