fcr-ui-scene 3.8.1-alpha → 3.8.1

package/lib/modules/control-bar/components/meeting-details/index.css

@@ -1,133 +1,133 @@
-.meeting-details {
-  display: flex;
-  flex-direction: column;
-  width: 290px;
-  padding: 20px 15px 15px 15px;
-  border-radius: var(--fcr_cornerradius_s);
-  background-color: var(--fcr_mobile_ui_scene_color_popup_fill2, #3c3c3c);
-  box-shadow: none;
-}
-
-.meeting-details__header {
-  display: flex;
-  align-items: center;
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--fcr_ui_scene_icontext1, #ffffff);
-  user-select: none;
-}
-
-.meeting-details__content-meeting-subject {
-  font-size: 15px;
-  font-weight: 500;
-  color: var(--fcr_ui_scene_icontext1, #ffffff);
-  word-break: break-all;
-  text-align: left;
-  min-height: 34px;
-  line-height: 23px;
-}
-
-.meeting-details__content-meeting-id,
-.meeting-details__content-code,
-.meeting-details__content-share-link {
-  display: flex;
-  align-items: center;
-  line-height: 34px;
-  font-size: 12px;
-  font-weight: 300;
-  color: var(--fcr_ui_scene_icontext1, #ffffff);
-}
-
-.meeting-details__content-meeting-id > span,
-.meeting-details__content-code > span,
-.meeting-details__content-share-link > span {
-  font-weight: 600;
-}
-
-.meeting-details__content-meeting-id > label,
-.meeting-details__content-code > label,
-.meeting-details__content-share-link > label {
-  user-select: none;
-  flex-shrink: 0;
-}
-
-.meeting-details__content-meeting-id > span,
-.meeting-details__content-code > span,
-.meeting-details__content-share-link > span {
-  margin-left: 10px;
-  flex-grow: 1;
-  text-align: right;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-}
-
-.meeting-details__content-code > span.none {
-  font-weight: 400 !important;
-}
-
-.meeting-details__content-meeting-id > div > svg,
-.meeting-details__content-code > div > svg,
-.meeting-details__content-share-link > div > svg {
-  flex-shrink: 0;
-  margin-left: 8px;
-  border-radius: var(--fcr_cornerradius_s, 4px);
-  cursor: pointer;
-  border: 0.5px solid var(--fcr_ui_scene_line1);
-  border-radius: var(--fcr_cornerradius_xs);
-}
-
-.meeting-details__content-meeting-id > div > svg:hover,
-.meeting-details__content-code > div > svg:hover,
-.meeting-details__content-share-link > div > svg:hover {
-  background-color: var(--fcr_web_ui_scene_hover);
-  border: none;
-}
-
-.meeting-details__content-meeting-id > div > svg:hover path,
-.meeting-details__content-code > div > svg:hover path,
-.meeting-details__content-share-link > div > svg:hover path {
-  fill: var(--fcr_web_ui_scene_mainicon2);
-}
-
-.meeting-details__content-meeting-duration span {
-  padding-right: 30px;
-}
-
-.meeting-details__footer {
-  margin-top: 4px;
-  display: flex;
-}
-
-.meeting-details__footer > button {
-  flex: 1;
-}
-
-.meeting-details__footer > button > p {
-  display: flex;
-  align-items: center;
-  position: relative;
-}
-
-.meeting-details__footer > button > p > svg {
-  position: absolute;
-  left: -18px;
-}
-
-.meeting-details__footer > button > p > span {
-  margin-left: 8px;
-}
-
-.meeting-details__reset-icon {
-  animation: rotate 1s linear infinite;
-}
-
-@keyframes rotate {
-  from {
-    transform: rotate(0deg);
-  }
-
-  to {
-    transform: rotate(360deg);
-  }
-}
+.meeting-details {
+  display: flex;
+  flex-direction: column;
+  width: 290px;
+  padding: 20px 15px 15px 15px;
+  border-radius: var(--fcr_cornerradius_s);
+  background-color: var(--fcr_mobile_ui_scene_color_popup_fill2, #3c3c3c);
+  box-shadow: none;
+}
+
+.meeting-details__header {
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--fcr_ui_scene_icontext1, #ffffff);
+  user-select: none;
+}
+
+.meeting-details__content-meeting-subject {
+  font-size: 15px;
+  font-weight: 500;
+  color: var(--fcr_ui_scene_icontext1, #ffffff);
+  word-break: break-all;
+  text-align: left;
+  min-height: 34px;
+  line-height: 23px;
+}
+
+.meeting-details__content-meeting-id,
+.meeting-details__content-code,
+.meeting-details__content-share-link {
+  display: flex;
+  align-items: center;
+  line-height: 34px;
+  font-size: 12px;
+  font-weight: 300;
+  color: var(--fcr_ui_scene_icontext1, #ffffff);
+}
+
+.meeting-details__content-meeting-id > span,
+.meeting-details__content-code > span,
+.meeting-details__content-share-link > span {
+  font-weight: 600;
+}
+
+.meeting-details__content-meeting-id > label,
+.meeting-details__content-code > label,
+.meeting-details__content-share-link > label {
+  user-select: none;
+  flex-shrink: 0;
+}
+
+.meeting-details__content-meeting-id > span,
+.meeting-details__content-code > span,
+.meeting-details__content-share-link > span {
+  margin-left: 10px;
+  flex-grow: 1;
+  text-align: right;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.meeting-details__content-code > span.none {
+  font-weight: 400 !important;
+}
+
+.meeting-details__content-meeting-id > div > svg,
+.meeting-details__content-code > div > svg,
+.meeting-details__content-share-link > div > svg {
+  flex-shrink: 0;
+  margin-left: 8px;
+  border-radius: var(--fcr_cornerradius_s, 4px);
+  cursor: pointer;
+  border: 0.5px solid var(--fcr_ui_scene_line1);
+  border-radius: var(--fcr_cornerradius_xs);
+}
+
+.meeting-details__content-meeting-id > div > svg:hover,
+.meeting-details__content-code > div > svg:hover,
+.meeting-details__content-share-link > div > svg:hover {
+  background-color: var(--fcr_web_ui_scene_hover);
+  border: none;
+}
+
+.meeting-details__content-meeting-id > div > svg:hover path,
+.meeting-details__content-code > div > svg:hover path,
+.meeting-details__content-share-link > div > svg:hover path {
+  fill: var(--fcr_web_ui_scene_mainicon2);
+}
+
+.meeting-details__content-meeting-duration span {
+  padding-right: 30px;
+}
+
+.meeting-details__footer {
+  margin-top: 4px;
+  display: flex;
+}
+
+.meeting-details__footer > button {
+  flex: 1;
+}
+
+.meeting-details__footer > button > p {
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+
+.meeting-details__footer > button > p > svg {
+  position: absolute;
+  left: -18px;
+}
+
+.meeting-details__footer > button > p > span {
+  margin-left: 8px;
+}
+
+.meeting-details__reset-icon {
+  animation: rotate 1s linear infinite;
+}
+
+@keyframes rotate {
+  from {
+    transform: rotate(0deg);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}

package/lib/modules/control-bar/components/more-actions/index.css

@@ -1,103 +1,103 @@
-.leave-room-dialog .fcr-dialog-body {
-  padding: 20px;
-}
-
-.leave-room-dialog .fcr-button-secondary-bordered:hover {
-  color: var(--fcr_ui_scene_ramp_red6);
-  background: var(--fcr_ui_scene_ramp_red1);
-  border-color: var(--fcr_ui_scene_ramp_red6);
-}
-
-.leave-room-dialog-content {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  width: 100%;
-}
-
-.leave-room-dialog-title {
-  text-align: center;
-}
-
-.leave-room-dialog-content > button,
-.leave-room-dialog-content > div {
-  width: 100%;
-}
-
-.leave-room-dialog-content > button {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-}
-
-.share-action-nav__popover-inner-content {
-  position: relative;
-}
-
-.share-action-nav__popover-inner-content
-  .share-action-nav__popover-inner-content-leave-option
-  path {
-  fill: var(--fcr_ui_scene_ramp_red6);
-}
-
-.share-action-nav__popover-inner-content
-  .share-action-nav__popover-inner-content-leave-option
-  .share-action-nav__popover-option {
-  color: var(--fcr_ui_scene_ramp_red6);
-}
-
-.share-action-nav__popover-inner-content
-  .share-action-nav__popover-inner-content-leave-option
-  .share-action-nav__popover-option:hover
-  path {
-  fill: var(--fcr_ui_scene_ramp_red6);
-}
-
-.share-action-nav__popover-inner-content
-  .share-action-nav__popover-inner-content-leave-option
-  .share-action-nav__popover-option:hover {
-  background: var(--fcr_ui_scene_ramp_red1);
-}
-
-.share-action-nav__media-list-group .share-action-nav__popover-option-media-setting {
-  padding-left: 6px;
-  margin: 0 10px;
-  cursor: pointer;
-  position: relative;
-}
-
-.share-action-nav__media-list-item-with-divider {
-  min-height: 32px;
-  height: auto;
-}
-
-.share-action-nav__media-list-item-with-divider:after {
-  content: '';
-  height: 1px;
-  border-bottom: 1px solid var(--fcr_ui_scene_line1);
-  width: calc(100% + 16px);
-  bottom: 0px;
-  left: 0px;
-  height: 1px;
-  display: block;
-  margin: 8px;
-  position: relative;
-  left: -16px;
-}
-
-.share-action-nav__popover-inner-content-chat-count {
-  border-radius: var(--fcr_cornerradius_xs);
-  height: 14px;
-  min-width: 18px;
-  background: var(--fcr_ui_scene_ramp_red6);
-  color: var(--fcr_ui_scene_white10);
-  font-size: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.share-action-nav__popover-inner-content-text {
-  flex: 1;
-  text-align: left;
-}
+.leave-room-dialog .fcr-dialog-body {
+  padding: 20px;
+}
+
+.leave-room-dialog .fcr-button-secondary-bordered:hover {
+  color: var(--fcr_ui_scene_ramp_red6);
+  background: var(--fcr_ui_scene_ramp_red1);
+  border-color: var(--fcr_ui_scene_ramp_red6);
+}
+
+.leave-room-dialog-content {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  width: 100%;
+}
+
+.leave-room-dialog-title {
+  text-align: center;
+}
+
+.leave-room-dialog-content > button,
+.leave-room-dialog-content > div {
+  width: 100%;
+}
+
+.leave-room-dialog-content > button {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.share-action-nav__popover-inner-content {
+  position: relative;
+}
+
+.share-action-nav__popover-inner-content
+  .share-action-nav__popover-inner-content-leave-option
+  path {
+  fill: var(--fcr_ui_scene_ramp_red6);
+}
+
+.share-action-nav__popover-inner-content
+  .share-action-nav__popover-inner-content-leave-option
+  .share-action-nav__popover-option {
+  color: var(--fcr_ui_scene_ramp_red6);
+}
+
+.share-action-nav__popover-inner-content
+  .share-action-nav__popover-inner-content-leave-option
+  .share-action-nav__popover-option:hover
+  path {
+  fill: var(--fcr_ui_scene_ramp_red6);
+}
+
+.share-action-nav__popover-inner-content
+  .share-action-nav__popover-inner-content-leave-option
+  .share-action-nav__popover-option:hover {
+  background: var(--fcr_ui_scene_ramp_red1);
+}
+
+.share-action-nav__media-list-group .share-action-nav__popover-option-media-setting {
+  padding-left: 6px;
+  margin: 0 10px;
+  cursor: pointer;
+  position: relative;
+}
+
+.share-action-nav__media-list-item-with-divider {
+  min-height: 32px;
+  height: auto;
+}
+
+.share-action-nav__media-list-item-with-divider:after {
+  content: '';
+  height: 1px;
+  border-bottom: 1px solid var(--fcr_ui_scene_line1);
+  width: calc(100% + 16px);
+  bottom: 0px;
+  left: 0px;
+  height: 1px;
+  display: block;
+  margin: 8px;
+  position: relative;
+  left: -16px;
+}
+
+.share-action-nav__popover-inner-content-chat-count {
+  border-radius: var(--fcr_cornerradius_xs);
+  height: 14px;
+  min-width: 18px;
+  background: var(--fcr_ui_scene_ramp_red6);
+  color: var(--fcr_ui_scene_white10);
+  font-size: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.share-action-nav__popover-inner-content-text {
+  flex: 1;
+  text-align: left;
+}

package/lib/modules/control-bar/components/share-audio/index.css

@@ -1,90 +1,90 @@
-.share-audio-checkbox {
-  display: flex;
-  flex-direction: row;
-  gap: 0;
-}
-
-.share-audio-action-button {
-  height: 36px;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  align-items: center;
-  justify-content: center;
-}
-
-.share-selectrion .fcr-checkbox-label {
-  color: var(--fcr_ui_scene_icontext1);
-}
-.share-audio-popover {
-  /* background-color: var(--fcr_mobile_ui_scene_color_popup_fill2); */
-}
-.share-audio-popover .fcr-tooltip-content {
-  border: 0.5px solid var(--fcr_ui_scene_line1);
-  border-radius: var(--fcr_cornerradius_l);
-  background-color: var(--fcr_mobile_ui_scene_color_popup_fill2);
-}
-.share-audio-popover .fcr-radio:hover {
-  background-color: var(--fcr_web_ui_scene_hover);
-}
-
-.share-audio-popover .fcr-radio:hover .fcr-radio-label {
-  color: var(--fcr_web_ui_scene_mainicon2);
-}
-
-.share-audio-popover .fcr-radio {
-  width: 100%;
-  border-radius: 4px;
-  height: 32px;
-  display: flex;
-  color: var(--fcr_ui_scene_icontext1);
-  align-items: center;
-  gap: 8px;
-  padding: 6px;
-  box-sizing: border-box;
-}
-
-.share-audio-popover .fcr-radio-transparent .fcr-radio-label {
-  color: var(--fcr_ui_scene_icontext1);
-  font-weight: 400;
-}
-
-.share-audio-popover .share-audio-options svg {
-  width: 14px;
-  height: 14px;
-}
-
-.share-audio-popover .share-audio-options .fcr-radio-transparent:hover path {
-  fill: var(--fcr_ui_scene_ramp_brand6);
-}
-
-.share-audio-popover .fcr-radio-transparent:hover .fcr-radio-label,
-.share-audio-popover .fcr-radio-transparent:hover .radio-label-normal {
-  color: var(--fcr_web_ui_scene_mainicon2);
-}
-
-/* .share-audio-popover
-  .fcr-radio-transparent
-  .fcr-radio-input-wrapper:has(> input:checked)
-  ~ .fcr-radio-label {
-  color: var(--fcr_web_ui_scene_mainicon2);
-} */
-
-.share-audio-popover
-  .fcr-radio-transparent
-  .share-audio-popover
-  .fcr-radio:hover
-  .fcr-radio-input-wrapper
-  > input:checked
-  ~ .fcr-radio-inner
-  svg
-  path {
-  fill: var(--fcr_web_ui_scene_mainicon2);
-}
-
-/* .radio-label-active {
-  color: var(--fcr_web_ui_scene_mainicon2);
-}
-.radio-label-normal {
-  color: var(--fcr_ui_scene_icontext1);
-} */
+.share-audio-checkbox {
+  display: flex;
+  flex-direction: row;
+  gap: 0;
+}
+
+.share-audio-action-button {
+  height: 36px;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: center;
+}
+
+.share-selectrion .fcr-checkbox-label {
+  color: var(--fcr_ui_scene_icontext1);
+}
+.share-audio-popover {
+  /* background-color: var(--fcr_mobile_ui_scene_color_popup_fill2); */
+}
+.share-audio-popover .fcr-tooltip-content {
+  border: 0.5px solid var(--fcr_ui_scene_line1);
+  border-radius: var(--fcr_cornerradius_l);
+  background-color: var(--fcr_mobile_ui_scene_color_popup_fill2);
+}
+.share-audio-popover .fcr-radio:hover {
+  background-color: var(--fcr_web_ui_scene_hover);
+}
+
+.share-audio-popover .fcr-radio:hover .fcr-radio-label {
+  color: var(--fcr_web_ui_scene_mainicon2);
+}
+
+.share-audio-popover .fcr-radio {
+  width: 100%;
+  border-radius: 4px;
+  height: 32px;
+  display: flex;
+  color: var(--fcr_ui_scene_icontext1);
+  align-items: center;
+  gap: 8px;
+  padding: 6px;
+  box-sizing: border-box;
+}
+
+.share-audio-popover .fcr-radio-transparent .fcr-radio-label {
+  color: var(--fcr_ui_scene_icontext1);
+  font-weight: 400;
+}
+
+.share-audio-popover .share-audio-options svg {
+  width: 14px;
+  height: 14px;
+}
+
+.share-audio-popover .share-audio-options .fcr-radio-transparent:hover path {
+  fill: var(--fcr_ui_scene_ramp_brand6);
+}
+
+.share-audio-popover .fcr-radio-transparent:hover .fcr-radio-label,
+.share-audio-popover .fcr-radio-transparent:hover .radio-label-normal {
+  color: var(--fcr_web_ui_scene_mainicon2);
+}
+
+/* .share-audio-popover
+  .fcr-radio-transparent
+  .fcr-radio-input-wrapper:has(> input:checked)
+  ~ .fcr-radio-label {
+  color: var(--fcr_web_ui_scene_mainicon2);
+} */
+
+.share-audio-popover
+  .fcr-radio-transparent
+  .share-audio-popover
+  .fcr-radio:hover
+  .fcr-radio-input-wrapper
+  > input:checked
+  ~ .fcr-radio-inner
+  svg
+  path {
+  fill: var(--fcr_web_ui_scene_mainicon2);
+}
+
+/* .radio-label-active {
+  color: var(--fcr_web_ui_scene_mainicon2);
+}
+.radio-label-normal {
+  color: var(--fcr_ui_scene_icontext1);
+} */