fcr-ui-scene 3.8.1-alpha → 3.8.1

package/lib/modules/components/toolbar/style.css

@@ -1,85 +1,85 @@
-.fcr-fragment-whiteboard-toolbar {
-  width: 48px;
-  position: absolute;
-  left: 20px;
-  top: 20px;
-  z-index: 999;
-  background-color: #fff;
-  border-radius: 8px;
-  box-shadow: var(--fcr_web_light_dropup);
-  padding: 6px 0;
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  gap: 6px;
-}
-
-.fcr-fragment-board-toolbar-fold {
-  position: absolute;
-  top: 50%;
-  cursor: pointer;
-  transition: all 0.2s;
-  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.05));
-  opacity: 0;
-}
-
-.fcr-fragment-whiteboard-toolbar:hover .fcr-fragment-board-toolbar-fold {
-  opacity: 1;
-}
-
-.fcr-fragment-board-toolbar-fold--right {
-  left: calc(100% - 1px);
-  transform: translateY(-50%);
-}
-
-.fcr-fragment-board-toolbar-fold--left {
-  right: calc(100% - 1px);
-  transform: translateY(-50%) rotate(180deg);
-}
-
-.fcr-fragment-board-toolbar-fold path:nth-child(1) {
-  --fill-color: var(--fcr_ui_scene_white10);
-  fill: var(--fill-color);
-}
-
-.fcr-fragment-board-toolbar-fold path:nth-child(2) {
-  --fill-color: var(--fcr_ui_scene_black8);
-  fill: var(--fill-color);
-  transition: all 0.2s;
-}
-
-.fcr-fragment-board-toolbar-fold:hover path:nth-child(2) {
-  fill: var(--fcr_ui_scene_ramp_brand6);
-}
-
-.fcr-fragment-board-toobar-folded-button {
-  width: 60px;
-  height: 60px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  background: var(--fcr_ui_scene_white10);
-  border-radius: 4px;
-  font-size: 12px;
-  position: absolute;
-  box-shadow: var(--fcr_web_light_dropup);
-  cursor: pointer;
-  z-index: 100;
-}
-
-.fcr-fragment-board-toobar-folded-button svg {
-  width: 28px;
-}
-
-.fcr-fragment-board-toobar-folded-button path {
-  fill: var(--fcr_ui_scene_black8) !important;
-}
-
-.fcr-fragment-board-toobar-folded-button:hover {
-  color: var(--fcr_ui_scene_ramp_brand6);
-}
-
-.fcr-fragment-board-toobar-folded-button:hover path {
-  fill: var(--fcr_ui_scene_ramp_brand6) !important;
-}
+.fcr-fragment-whiteboard-toolbar {
+  width: 48px;
+  position: absolute;
+  left: 20px;
+  top: 20px;
+  z-index: 999;
+  background-color: #fff;
+  border-radius: 8px;
+  box-shadow: var(--fcr_web_light_dropup);
+  padding: 6px 0;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.fcr-fragment-board-toolbar-fold {
+  position: absolute;
+  top: 50%;
+  cursor: pointer;
+  transition: all 0.2s;
+  filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, 0.05));
+  opacity: 0;
+}
+
+.fcr-fragment-whiteboard-toolbar:hover .fcr-fragment-board-toolbar-fold {
+  opacity: 1;
+}
+
+.fcr-fragment-board-toolbar-fold--right {
+  left: calc(100% - 1px);
+  transform: translateY(-50%);
+}
+
+.fcr-fragment-board-toolbar-fold--left {
+  right: calc(100% - 1px);
+  transform: translateY(-50%) rotate(180deg);
+}
+
+.fcr-fragment-board-toolbar-fold path:nth-child(1) {
+  --fill-color: var(--fcr_ui_scene_white10);
+  fill: var(--fill-color);
+}
+
+.fcr-fragment-board-toolbar-fold path:nth-child(2) {
+  --fill-color: var(--fcr_ui_scene_black8);
+  fill: var(--fill-color);
+  transition: all 0.2s;
+}
+
+.fcr-fragment-board-toolbar-fold:hover path:nth-child(2) {
+  fill: var(--fcr_ui_scene_ramp_brand6);
+}
+
+.fcr-fragment-board-toobar-folded-button {
+  width: 60px;
+  height: 60px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  background: var(--fcr_ui_scene_white10);
+  border-radius: 4px;
+  font-size: 12px;
+  position: absolute;
+  box-shadow: var(--fcr_web_light_dropup);
+  cursor: pointer;
+  z-index: 100;
+}
+
+.fcr-fragment-board-toobar-folded-button svg {
+  width: 28px;
+}
+
+.fcr-fragment-board-toobar-folded-button path {
+  fill: var(--fcr_ui_scene_black8) !important;
+}
+
+.fcr-fragment-board-toobar-folded-button:hover {
+  color: var(--fcr_ui_scene_ramp_brand6);
+}
+
+.fcr-fragment-board-toobar-folded-button:hover path {
+  fill: var(--fcr_ui_scene_ramp_brand6) !important;
+}

package/lib/modules/connection-gateway/components/computer/index.css

@@ -1,12 +1,12 @@
-.connector-computer {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  width: 100%;
-  height: 350px;
-}
-.connector-computer .fcr-button {
-  margin-bottom: 15px;
-  width: 260px;
-}
+.connector-computer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  width: 100%;
+  height: 350px;
+}
+.connector-computer .fcr-button {
+  margin-bottom: 15px;
+  width: 260px;
+}

package/lib/modules/connection-gateway/components/phone/components/callinfo/index.css

@@ -1,36 +1,36 @@
-.connector-phone-call_info {
-  color: var(--fcr_ui_scene_icontext1);
-  margin-top: 8px;
-}
-
-.connector-phone-call_info.disabled {
-  color: var(--fcr_ui_scene_icontext3);
-}
-
-.connector-phone-call_info .connector-phone-call_info-item:first-child {
-  margin-bottom: 11px;
-}
-
-.connector-phone-call_info-item {
-  height: 32px;
-  display: flex;
-  align-items: center;
-  font-size: 14px;
-}
-
-.connector-phone-call_info .fcr-select {
-  width: 180px;
-  border-color: var(--fcr_web_ui_scene_line4);
-  background: var(--fcr_ui_scene_input2);
-}
-
-.connector-phone-call_info-label {
-  width: 97px;
-  display: block;
-  text-align: right;
-  margin-right: 12px;
-}
-
-.connector-phone-call_info.disabled .fcr-select .fcr-select__selected {
-  color: var(--fcr_ui_scene_icontext3);
-}
+.connector-phone-call_info {
+  color: var(--fcr_ui_scene_icontext1);
+  margin-top: 8px;
+}
+
+.connector-phone-call_info.disabled {
+  color: var(--fcr_ui_scene_icontext3);
+}
+
+.connector-phone-call_info .connector-phone-call_info-item:first-child {
+  margin-bottom: 11px;
+}
+
+.connector-phone-call_info-item {
+  height: 32px;
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+}
+
+.connector-phone-call_info .fcr-select {
+  width: 180px;
+  border-color: var(--fcr_web_ui_scene_line4);
+  background: var(--fcr_ui_scene_input2);
+}
+
+.connector-phone-call_info-label {
+  width: 97px;
+  display: block;
+  text-align: right;
+  margin-right: 12px;
+}
+
+.connector-phone-call_info.disabled .fcr-select .fcr-select__selected {
+  color: var(--fcr_ui_scene_icontext3);
+}

package/lib/modules/connection-gateway/components/phone/components/calling/index.css

@@ -1,72 +1,72 @@
-.connector-phone-connecting {
-  width: 305px;
-  height: 100px;
-  border-radius: var(--fcr_cornerradius_xl);
-  background: var(--fcr_ui_scene_ramp_green1);
-  display: flex;
-  align-items: center;
-  margin-bottom: 16px;
-  flex-shrink: 0;
-}
-.connector-phone-connecting_icon {
-  margin: 13px;
-  width: 84px;
-  height: 84px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.connector-phone-connecting_icon-calling {
-  width: 50px;
-  height: 50px;
-  background: var(--fcr_ui_scene_ramp_lightgreen6);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-}
-.connector-phone-connecting_content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  flex: 1;
-}
-.connector-phone-connecting_region {
-  color: var(--fcr_ui_scene_icontext2);
-  font-size: 12px;
-  text-align: left;
-  display: block;
-  width: 129px;
-}
-.connector-phone-connecting_number {
-  font-size: 20px;
-  color: var(--fcr_ui_scene_icontext1);
-  font-weight: 900;
-  line-height: 1;
-}
-.connector-phone-connecting_action {
-  background: var(--fcr_ui_scene_ramp_green1);
-  color: var(--fcr_ui_scene_ramp_green6);
-  border-radius: var(--fcr_cornerradius_l);
-  font-size: 12px;
-  height: 22px;
-  line-height: 22px;
-  padding: 0 10px;
-  margin: 10px 0 10px;
-}
-.connector-phone-connecting.failure {
-  background: var(--fcr_ui_scene_ramp_red1);
-}
-.connector-phone-connecting.failure .connector-phone-connecting_action {
-  color: var(--fcr_ui_scene_ramp_red6);
-  background: var(--fcr_ui_scene_ramp_red1);
-}
-.connector-phone-connecting.failure .connector-phone-connecting_icon-failure {
-  background: var(--fcr_ui_scene_ramp_red6);
-  width: 50px;
-  height: 50px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
+.connector-phone-connecting {
+  width: 305px;
+  height: 100px;
+  border-radius: var(--fcr_cornerradius_xl);
+  background: var(--fcr_ui_scene_ramp_green1);
+  display: flex;
+  align-items: center;
+  margin-bottom: 16px;
+  flex-shrink: 0;
+}
+.connector-phone-connecting_icon {
+  margin: 13px;
+  width: 84px;
+  height: 84px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.connector-phone-connecting_icon-calling {
+  width: 50px;
+  height: 50px;
+  background: var(--fcr_ui_scene_ramp_lightgreen6);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 50%;
+}
+.connector-phone-connecting_content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex: 1;
+}
+.connector-phone-connecting_region {
+  color: var(--fcr_ui_scene_icontext2);
+  font-size: 12px;
+  text-align: left;
+  display: block;
+  width: 129px;
+}
+.connector-phone-connecting_number {
+  font-size: 20px;
+  color: var(--fcr_ui_scene_icontext1);
+  font-weight: 900;
+  line-height: 1;
+}
+.connector-phone-connecting_action {
+  background: var(--fcr_ui_scene_ramp_green1);
+  color: var(--fcr_ui_scene_ramp_green6);
+  border-radius: var(--fcr_cornerradius_l);
+  font-size: 12px;
+  height: 22px;
+  line-height: 22px;
+  padding: 0 10px;
+  margin: 10px 0 10px;
+}
+.connector-phone-connecting.failure {
+  background: var(--fcr_ui_scene_ramp_red1);
+}
+.connector-phone-connecting.failure .connector-phone-connecting_action {
+  color: var(--fcr_ui_scene_ramp_red6);
+  background: var(--fcr_ui_scene_ramp_red1);
+}
+.connector-phone-connecting.failure .connector-phone-connecting_icon-failure {
+  background: var(--fcr_ui_scene_ramp_red6);
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/lib/modules/connection-gateway/components/phone/components/remeber/index.css

@@ -1,10 +1,10 @@
-.connector-phone_remember {
-  display: flex;
-  font-size: 12px;
-  align-items: center;
-  margin-bottom: 16px;
-  color: var(--fcr_ui_scene_icontext1);
-}
-.connector-phone_remember .fcr-checkbox {
-  margin-right: 4px;
-}
+.connector-phone_remember {
+  display: flex;
+  font-size: 12px;
+  align-items: center;
+  margin-bottom: 16px;
+  color: var(--fcr_ui_scene_icontext1);
+}
+.connector-phone_remember .fcr-checkbox {
+  margin-right: 4px;
+}

package/lib/modules/connection-gateway/components/phone/components/useing/index.css

@@ -1,46 +1,46 @@
-.connector-phone-using {
-  width: 376px;
-  height: 128px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background: var(--fcr_ui_scene_ramp_green1);
-  border-radius: var(--fcr_cornerradius_l);
-  flex-direction: column;
-  margin-bottom: 20px;
-  margin-top: 11px;
-  flex-shrink: 0;
-}
-.connector-phone-using.outgoing-call {
-  width: 300px;
-  height: 100px;
-}
-.connector-phone-using_number {
-  color: var(--fcr_ui_scene_ramp_green6);
-  font-size: 20px;
-  font-weight: 900;
-  line-height: 1;
-  margin-bottom: 10px;
-}
-.connector-phone-using_icon-dot {
-  background: var(--fcr_ui_scene_white10);
-  display: inline-block;
-  width: 8px;
-  height: 8px;
-  margin-right: 5px;
-  border-radius: 50%;
-}
-.connector-phone-using_number sub.connector-phone-using_region {
-  font-size: 12px;
-  color: var(--fcr_ui_scene_icontext3);
-  font-weight: 500;
-  margin-right: 6px;
-  vertical-align: middle;
-  bottom: inherit;
-}
-.connector-phone-using_button {
-  background: var(--fcr_ui_scene_ramp_green6);
-}
-.connector-phone-using .connector-phone_remember {
-  margin: 0;
-}
+.connector-phone-using {
+  width: 376px;
+  height: 128px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: var(--fcr_ui_scene_ramp_green1);
+  border-radius: var(--fcr_cornerradius_l);
+  flex-direction: column;
+  margin-bottom: 20px;
+  margin-top: 11px;
+  flex-shrink: 0;
+}
+.connector-phone-using.outgoing-call {
+  width: 300px;
+  height: 100px;
+}
+.connector-phone-using_number {
+  color: var(--fcr_ui_scene_ramp_green6);
+  font-size: 20px;
+  font-weight: 900;
+  line-height: 1;
+  margin-bottom: 10px;
+}
+.connector-phone-using_icon-dot {
+  background: var(--fcr_ui_scene_white10);
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  margin-right: 5px;
+  border-radius: 50%;
+}
+.connector-phone-using_number sub.connector-phone-using_region {
+  font-size: 12px;
+  color: var(--fcr_ui_scene_icontext3);
+  font-weight: 500;
+  margin-right: 6px;
+  vertical-align: middle;
+  bottom: inherit;
+}
+.connector-phone-using_button {
+  background: var(--fcr_ui_scene_ramp_green6);
+}
+.connector-phone-using .connector-phone_remember {
+  margin: 0;
+}

package/lib/modules/connection-gateway/components/phone/index.css

@@ -1,49 +1,49 @@
-.connector-phone {
-  width: 100%;
-  height: 450px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.connector-phone_inner {
-  display: flex;
-  flex-direction: column;
-  width: 260px;
-  align-items: center;
-}
-.connector-phone_selector {
-  margin-bottom: 20px;
-  height: 32px;
-  margin-top: 21px;
-  width: 100%;
-}
-.connector-phone_selector_errmsg {
-  color: var(--fcr_ui_scene_ramp_red6);
-  font-size: 12px;
-  text-align: right;
-}
-.connector-phone_selector .fcr-select {
-  margin-bottom: 20px;
-  border-color: var(--fcr_web_ui_scene_line4);
-  width: 260px;
-  background-color: var(--fcr_ui_scene_input2);
-}
-.connector-phone_callme-button {
-  background: var(--fcr_ui_scene_ramp_green6);
-  margin-bottom: 20px;
-}
-.connector-phone_hangup-button {
-  margin-bottom: 20px;
-}
-.connector-phone-alert {
-  background: var(--fcr_ui_scene_ramp_green1);
-  color: var(--fcr_ui_scene_ramp_green6);
-  border-radius: var(--fcr_cornerradius_l);
-  min-height: 40px;
-  line-height: 1.5;
-  width: 376px;
-  font-size: 13px;
-  text-align: center;
-  margin-bottom: 10px;
-  padding: 10px;
-}
+.connector-phone {
+  width: 100%;
+  height: 450px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.connector-phone_inner {
+  display: flex;
+  flex-direction: column;
+  width: 260px;
+  align-items: center;
+}
+.connector-phone_selector {
+  margin-bottom: 20px;
+  height: 32px;
+  margin-top: 21px;
+  width: 100%;
+}
+.connector-phone_selector_errmsg {
+  color: var(--fcr_ui_scene_ramp_red6);
+  font-size: 12px;
+  text-align: right;
+}
+.connector-phone_selector .fcr-select {
+  margin-bottom: 20px;
+  border-color: var(--fcr_web_ui_scene_line4);
+  width: 260px;
+  background-color: var(--fcr_ui_scene_input2);
+}
+.connector-phone_callme-button {
+  background: var(--fcr_ui_scene_ramp_green6);
+  margin-bottom: 20px;
+}
+.connector-phone_hangup-button {
+  margin-bottom: 20px;
+}
+.connector-phone-alert {
+  background: var(--fcr_ui_scene_ramp_green1);
+  color: var(--fcr_ui_scene_ramp_green6);
+  border-radius: var(--fcr_cornerradius_l);
+  min-height: 40px;
+  line-height: 1.5;
+  width: 376px;
+  font-size: 13px;
+  text-align: center;
+  margin-bottom: 10px;
+  padding: 10px;
+}

package/lib/modules/connection-gateway/index.css

@@ -1,6 +1,6 @@
-.connector-frame {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  width: 100%;
-}
+.connector-frame {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+}