@schoolio/player 1.4.2 → 1.4.3

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.
package/dist/index.js CHANGED
@@ -1054,12 +1054,14 @@ var defaultStyles = {
1054
1054
  fontFamily: "system-ui, -apple-system, sans-serif",
1055
1055
  width: "100%",
1056
1056
  height: "100%",
1057
+ maxHeight: "calc(100vh - 40px)",
1057
1058
  padding: "20px",
1058
1059
  backgroundColor: "#ffffff",
1059
1060
  borderRadius: "12px",
1060
1061
  boxSizing: "border-box",
1061
1062
  display: "flex",
1062
- flexDirection: "column"
1063
+ flexDirection: "column",
1064
+ overflow: "hidden"
1063
1065
  },
1064
1066
  header: {
1065
1067
  marginBottom: "20px",
@@ -1086,8 +1088,7 @@ var defaultStyles = {
1086
1088
  color: "#6b7280"
1087
1089
  },
1088
1090
  progressBar: {
1089
- width: "50%",
1090
- maxWidth: "300px",
1091
+ width: "100%",
1091
1092
  height: "8px",
1092
1093
  backgroundColor: "#e5e7eb",
1093
1094
  borderRadius: "4px",
@@ -1114,6 +1115,7 @@ var defaultStyles = {
1114
1115
  gap: "8px"
1115
1116
  },
1116
1117
  option: {
1118
+ width: "100%",
1117
1119
  padding: "12px 16px",
1118
1120
  border: "2px solid #e5e7eb",
1119
1121
  borderRadius: "8px",
@@ -1123,7 +1125,8 @@ var defaultStyles = {
1123
1125
  boxShadow: "none",
1124
1126
  backgroundColor: "#ffffff",
1125
1127
  WebkitTapHighlightColor: "transparent",
1126
- userSelect: "none"
1128
+ userSelect: "none",
1129
+ boxSizing: "border-box"
1127
1130
  },
1128
1131
  optionSelected: {
1129
1132
  borderColor: "#6721b0",
@@ -1205,18 +1208,22 @@ var defaultStyles = {
1205
1208
  gap: "24px",
1206
1209
  flex: 1,
1207
1210
  minHeight: 0,
1208
- alignItems: "stretch"
1211
+ alignItems: "stretch",
1212
+ overflow: "hidden"
1209
1213
  },
1210
1214
  quizContent: {
1211
1215
  flex: 1,
1212
1216
  minWidth: 0,
1217
+ minHeight: 0,
1213
1218
  overflow: "auto"
1214
1219
  },
1215
1220
  chatPanel: {
1216
1221
  width: "320px",
1217
1222
  flexShrink: 0,
1218
1223
  display: "flex",
1219
- flexDirection: "column"
1224
+ flexDirection: "column",
1225
+ minHeight: 0,
1226
+ overflow: "hidden"
1220
1227
  },
1221
1228
  timer: {
1222
1229
  fontSize: "14px",