fcr-ui-scene 3.8.0 → 3.8.1-alpha

package/lib/modules/participant/components/participants/components/render-user/components/attendee/index.css

@@ -1,87 +1,87 @@
-.attendee__user-info-avatar_speakerSpotlight {
-  position: relative;
-}
-.attendee__user-info-avatar_speakerSpotlight::before {
-  content: '';
-  display: block;
-  position: absolute;
-  top: -4px;
-  left: -4px;
-  width: calc(100% + 8px);
-  height: calc(100% + 8px);
-  border: 2px solid var(--fcr_ui_scene_ramp_green6);
-  border-radius: var(--fcr_cornerradius_l);
-}
-.attendee__more-actions {
-  min-width: 210px;
-  max-width: 300px;
-  border: 0;
-  padding: 0;
-  box-shadow: 0px 0px 15px var(--fcr_web_light_dropup_m);
-  border-radius: var(--fcr_cornerradius_l);
-  min-width: 210px;
-  max-width: 300px;
-}
-
-.operate-waiting-room-dialog-content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background: white;
-  padding: 20px;
-  border-radius: 20px;
-  background-color: var(--fcr_mobile_ui_scene_color_popup_fill2);
-}
-
-.fcr-rename-dialog-content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background: white;
-  border-radius: 20px;
-  padding-top: 4px;
-  background-color: var(--fcr_mobile_ui_scene_color_popup_fill2);
-}
-
-.operate-waiting-room-dialog-title {
-  font-weight: 600;
-  font-size: 16px;
-  margin-bottom: 10px;
-}
-
-.operate-waiting-room-dialog-tooltip {
-  margin-bottom: 10px;
-}
-
-.operate-waiting-room-dialog-confirm {
-  display: flex;
-}
-
-.operate-waiting-room-dialog-btns {
-  display: flex;
-  justify-content: space-between;
-  width: 100%;
-  margin-top: 10px;
-}
-
-.operate-waiting-room-dialog-btns .fcr-button-normal {
-  width: 48%;
-}
-
-.operate-waiting-room-dialog-btns .fcr-button-white {
-  background-color: var(--fcr_ui_scene_btn2);
-  color: var(--fcr_ui_scene_icontext2);
-  width: 48%;
-}
-
-.operate-waiting-room-dialog-btns .fcr-button-white:hover {
-  background-color: var(--fcr_ui_scene_btn2) !important;
-  color: var(--fcr_ui_scene_icontext2) !important;
-  width: 48%;
-}
-
-.operate-waiting-room-dialog-btns .fcr-button-danger {
-  width: 48%;
-}
+.attendee__user-info-avatar_speakerSpotlight {
+  position: relative;
+}
+.attendee__user-info-avatar_speakerSpotlight::before {
+  content: '';
+  display: block;
+  position: absolute;
+  top: -4px;
+  left: -4px;
+  width: calc(100% + 8px);
+  height: calc(100% + 8px);
+  border: 2px solid var(--fcr_ui_scene_ramp_green6);
+  border-radius: var(--fcr_cornerradius_l);
+}
+.attendee__more-actions {
+  min-width: 210px;
+  max-width: 300px;
+  border: 0;
+  padding: 0;
+  box-shadow: 0px 0px 15px var(--fcr_web_light_dropup_m);
+  border-radius: var(--fcr_cornerradius_l);
+  min-width: 210px;
+  max-width: 300px;
+}
+
+.operate-waiting-room-dialog-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background: white;
+  padding: 20px;
+  border-radius: 20px;
+  background-color: var(--fcr_mobile_ui_scene_color_popup_fill2);
+}
+
+.fcr-rename-dialog-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background: white;
+  border-radius: 20px;
+  padding-top: 4px;
+  background-color: var(--fcr_mobile_ui_scene_color_popup_fill2);
+}
+
+.operate-waiting-room-dialog-title {
+  font-weight: 600;
+  font-size: 16px;
+  margin-bottom: 10px;
+}
+
+.operate-waiting-room-dialog-tooltip {
+  margin-bottom: 10px;
+}
+
+.operate-waiting-room-dialog-confirm {
+  display: flex;
+}
+
+.operate-waiting-room-dialog-btns {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  margin-top: 10px;
+}
+
+.operate-waiting-room-dialog-btns .fcr-button-normal {
+  width: 48%;
+}
+
+.operate-waiting-room-dialog-btns .fcr-button-white {
+  background-color: var(--fcr_ui_scene_btn2);
+  color: var(--fcr_ui_scene_icontext2);
+  width: 48%;
+}
+
+.operate-waiting-room-dialog-btns .fcr-button-white:hover {
+  background-color: var(--fcr_ui_scene_btn2) !important;
+  color: var(--fcr_ui_scene_icontext2) !important;
+  width: 48%;
+}
+
+.operate-waiting-room-dialog-btns .fcr-button-danger {
+  width: 48%;
+}

package/lib/modules/participant/index.css

@@ -1,102 +1,102 @@
-.participants-container {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  flex-direction: column;
-  width: 100%;
-  min-width: 320px;
-  flex: 1;
-  position: relative;
-}
-.participants-container-merge-content {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  gap: 12px;
-  margin: 0 auto;
-}
-.participants-container-merge-title {
-  font-size: 14px;
-  font-weight: 700;
-  color: var(--fcr_ui_scene_icontext1);
-  text-align: center;
-  margin-bottom: 3px;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  line-clamp: 2;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.participants-container-merge-title span {
-  color: var(--for_head1);
-}
-.participants-container-merge-button {
-  width: 215px;
-  height: 36px;
-  line-height: 36px;
-  text-align: center;
-  border-radius: var(--fcr_cornerradius_l);
-  color: var(--fcr_ui_scene_icontext1);
-  font-size: 13px;
-}
-.participants-container-merge-confirm {
-  color: var(--fcr_ui_scene_white10);
-  background-color: var(--fcr_ui_scene_ramp_brand6);
-}
-.participants-container-merge-cancel {
-  border: 1px solid var(--fcr_ui_scene_icontext2);
-}
-
-.participants-container .fcr-participant {
-  flex: 1;
-  max-height: none;
-  min-height: 0px;
-}
-
-.fcr-participant .fcr-avatar {
-  border-radius: var(--fcr_cornerradius_m);
-}
-
-.fcr-participant__footer_waiting_room button {
-  flex: 1 !important;
-  padding: 0 !important;
-}
-
-.participants-container-icon {
-  position: relative;
-}
-
-.participants-container-red {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background: var(--fcr_ui_scene_ramp_red6);
-  position: absolute;
-  right: -5px;
-  top: -5px;
-}
-
-.participants-container-rename {
-  padding: 0 4px;
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  box-sizing: border-box;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-}
-
-.participants-container-rename-footer {
-  width: 100%;
-  margin: 20px 0px;
-}
-
-.participants-container .fcr-tabs {
-  margin: 0 15px;
-}
-.fcr_participants_button_invite_hidden {
-  display: none !important;
-}
+.participants-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  flex-direction: column;
+  width: 100%;
+  min-width: 320px;
+  flex: 1;
+  position: relative;
+}
+.participants-container-merge-content {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 12px;
+  margin: 0 auto;
+}
+.participants-container-merge-title {
+  font-size: 14px;
+  font-weight: 700;
+  color: var(--fcr_ui_scene_icontext1);
+  text-align: center;
+  margin-bottom: 3px;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  line-clamp: 2;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.participants-container-merge-title span {
+  color: var(--for_head1);
+}
+.participants-container-merge-button {
+  width: 215px;
+  height: 36px;
+  line-height: 36px;
+  text-align: center;
+  border-radius: var(--fcr_cornerradius_l);
+  color: var(--fcr_ui_scene_icontext1);
+  font-size: 13px;
+}
+.participants-container-merge-confirm {
+  color: var(--fcr_ui_scene_white10);
+  background-color: var(--fcr_ui_scene_ramp_brand6);
+}
+.participants-container-merge-cancel {
+  border: 1px solid var(--fcr_ui_scene_icontext2);
+}
+
+.participants-container .fcr-participant {
+  flex: 1;
+  max-height: none;
+  min-height: 0px;
+}
+
+.fcr-participant .fcr-avatar {
+  border-radius: var(--fcr_cornerradius_m);
+}
+
+.fcr-participant__footer_waiting_room button {
+  flex: 1 !important;
+  padding: 0 !important;
+}
+
+.participants-container-icon {
+  position: relative;
+}
+
+.participants-container-red {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--fcr_ui_scene_ramp_red6);
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
+
+.participants-container-rename {
+  padding: 0 4px;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.participants-container-rename-footer {
+  width: 100%;
+  margin: 20px 0px;
+}
+
+.participants-container .fcr-tabs {
+  margin: 0 15px;
+}
+.fcr_participants_button_invite_hidden {
+  display: none !important;
+}