chuijs 3.6.2 → 3.6.4

package/framework/components/chui_tabs/styles.css

@@ -1,49 +1,55 @@
-list {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: max-content;
-    border-radius: var(--border_radius);
-    background: transparent;
-    margin: var(--margin) 0;
-    border: none;
-}
-
-tab {
-    margin: 1px;
-    padding: var(--main_padding);
-    font-size: var(--font_default_size);
-    display: flex;
-    flex-direction: column;
-    font-weight: 500;
-    color: var(--text_color);
-    border-radius: var(--border_radius);
-}
-
-tab:hover {
-    background: var(--blue_prime_background);
-    color: var(--text_color_hover);
-}
-
-tabs {
-    margin: var(--margin);
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: flex-start
-}
-
-content {
-    display: flex;
-    flex-direction:column;
-    width: -webkit-fill-available;
-    padding: var(--test_padding);
-    border-radius: var(--border_radius);
-    background: transparent;
-    border: none;
-}
-
-.tab_active {
-    background: var(--blue_prime_background);
-    color: var(--text_color_hover);
+list {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: max-content;
+    border-radius: var(--border_radius);
+    background: var(--element_background);
+    margin: var(--margin) 0;
+    border: none;
+}
+
+tab {
+    cursor: pointer;
+    margin: 1px;
+    padding: var(--main_padding);
+    font-size: var(--font_default_size);
+    display: flex;
+    flex-direction: column;
+    font-weight: 500;
+    color: var(--text_color);
+    border-radius: var(--border_radius);
+}
+
+tab:hover {
+    background: var(--blue_prime_background);
+    color: var(--text_color_hover);
+}
+
+tab:active {
+    background: var(--element_background_prime);
+    color: var(--text_color_hover);
+}
+
+tabs {
+    margin: var(--margin);
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: flex-start
+}
+
+content {
+    display: flex;
+    flex-direction:column;
+    width: -webkit-fill-available;
+    padding: var(--test_padding);
+    border-radius: var(--border_radius);
+    background: transparent;
+    border: none;
+}
+
+.tab_active {
+    background: var(--blue_prime_background);
+    color: var(--text_color_hover);
 }

package/framework/components/chui_text_editor/styles.css

@@ -1,218 +1,218 @@
-chui_text_editor_test {
-    display: flex;
-    flex-direction: column;
-    width: -webkit-fill-available;
-    height: max-content;
-    margin: var(--margin)
-}
-
-chui_text_editor {
-    border-radius: var(--border_radius);
-    display: flex;
-    flex-direction: column;
-    background: var(--element_background);
-    border: 1px solid var(--border_main);
-    width: -webkit-fill-available;
-    border: 1px solid var(--border_color);
-}
-
-chui_editor_controls {
-    width: -webkit-fill-available;
-    display: flex;
-    padding: 6px
-}
-
-chui_editor_text_input {
-    width: -webkit-fill-available;
-    font-size: var(--font_default_size);
-    padding: 0 10px 6px 10px;
-    height: calc(100% - 40px);
-    overflow: overlay;
-    text-align: start;
-    color: var(--text_color);
-}
-
-chui_editor_text_input div {
-    margin-bottom: 10px
-}
-
-chui_editor_status_row {
-    width: -webkit-fill-available;
-    display: flex;
-    padding: 6px
-}
-
-.text_editor_label {
-    height: max-content;
-    width: max-content;
-    margin: var(--margin);
-    font-size: var(--font_labels_size);
-    font-weight:500;
-    color: var(--text_color)
-}
-
-chui_editor_text_input p {
-    margin: 5px 0
-}
-
-p img {
-    margin: 0;
-    padding: 0;
-    width: auto;
-    height: auto;
-    border:  2px solid transparent;
-    border-radius: var(--border_radius)
-}
-
-/* chUiJS_TextEditorButtons */
-chui_button_format {
-    height: max-content;
-    width: max-content;
-    border-radius: var(--border_radius);
-    padding: 6px;
-    margin: 0 3px;
-    font-size: 11pt;
-    font-weight: 500;
-    color: var(--text_color)
-}
-
-chui_button_format:hover {
-    background: var(--blue_prime_background);
-}
-
-/* chUiJS_TextEditorSelects */
-chui_text_editor_select_box {
-    display: flex;
-    flex-direction: column;
-    align-items: baseline;
-    height: max-content;
-    width: auto
-}
-
-text_editor_select_box {
-    position: relative;
-    display:flex;
-    outline: none;
-    height: max-content;
-    width: -webkit-fill-available;
-    border-radius: var(--border_radius);
-    padding: 0;
-    margin: 0 3px;
-    font-size: var(--font_default_size);
-    color: var(--text_color);
-}
-
-text_editor_select_box:hover {
-    background: var(--blue_prime_background);
-}
-
-.text_editor_selectbox_input {
-    width:100%;
-    display: block;
-    outline: none;
-    margin: 0;
-    padding: 6px 0 6px 6px;
-    background: transparent;
-    color: var(--text_color);
-    text-align: start;
-    border: none;
-    font-size: var(--font_default_size);
-}
-
-text_editor_div_value {
-    width:100%;
-    display: block;
-    outline: none;
-    margin: 0;
-    padding: 6px 0 6px 6px;
-    background: transparent;
-    color: var(--text_color);
-    text-align: start;
-    border: none;
-    font-size: var(--font_default_size);
-}
-
-text_editor_selectbox_dropdown {
-    overflow: overlay;
-    background: var(--element_background);
-    color: var(--text_color);
-    outline: none;
-    position:absolute;
-    display:none;
-    height: max-content;
-    width: max-content;
-    border-radius: var(--border_radius);
-    margin-top: 0;
-    padding: 6px;
-    font-size: var(--font_default_size);
-    flex-direction: column;
-    z-index: 1;
-    border: 1px solid var(--border_main);
-    box-shadow: 0 2px 10px 2px rgb(0 0 0 / 25%);
-}
-
-text_editor_select_button_open {
-    outline: none;
-    padding: 6px 6px 6px 3px;
-}
-
-text_editor_selectbox_option {
-    text-align: start;
-    padding: 6px 12px;
-    border-radius: var(--border_radius)
-}
-
-text_editor_selectbox_option:hover {
-    background: var(--blue_prime_background)
-}
-
-text_editor_selectbox_option:hover font {
-    color: var(--text_color_hover);
-    text-shadow: var(--text_shadow_hover);
-}
-
-/* chUiJS_TextEditorPanel */
-text_editor_panel {
-    height: max-content;
-    width: -webkit-fill-available;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    align-items: center
-}
-
-text_editor_block {
-    height: max-content;
-    width: max-content;
-    display: flex;
-}
-
-.text_editor_table {
-    display: table;
-    border-radius: 0;
-    width: -webkit-fill-available;
-    border-collapse: collapse;
-    border: 1px solid var(--blue_prime_background);
-}
-
-.text_editor_table_body {
-    border: 1px solid var(--blue_prime_background);
-    width: auto
-}
-
-.text_editor_table_row {
-    width: auto;
-    display: table-row
-}
-
-.text_editor_table_cell {
-    height: max-content;
-    width: auto;
-    display: table-cell;
-    border: 1px solid var(--blue_prime_background)
-}
-
-pre {
-    font-family: 'chui_mono';
-    font-weight: 400
+chui_text_editor_test {
+    display: flex;
+    flex-direction: column;
+    width: -webkit-fill-available;
+    height: max-content;
+    margin: var(--margin)
+}
+
+chui_text_editor {
+    border-radius: var(--border_radius);
+    display: flex;
+    flex-direction: column;
+    background: var(--element_background);
+    width: -webkit-fill-available;
+    border: 1px solid var(--border_color);
+}
+
+chui_editor_controls {
+    width: -webkit-fill-available;
+    display: flex;
+    padding: 6px
+}
+
+chui_editor_text_input {
+    width: -webkit-fill-available;
+    font-size: var(--font_default_size);
+    padding: 0 10px 6px 10px;
+    height: calc(100% - 40px);
+    overflow: overlay;
+    text-align: start;
+    color: var(--text_color);
+}
+
+chui_editor_text_input div {
+    margin-bottom: 10px
+}
+
+chui_editor_status_row {
+    width: -webkit-fill-available;
+    display: flex;
+    padding: 6px
+}
+
+.text_editor_label {
+    height: max-content;
+    width: max-content;
+    margin: var(--margin);
+    font-size: var(--font_labels_size);
+    font-weight:500;
+    color: var(--text_color)
+}
+
+chui_editor_text_input p {
+    margin: 5px 0
+}
+
+p img {
+    margin: 0;
+    padding: 0;
+    width: auto;
+    height: auto;
+    border:  2px solid transparent;
+    border-radius: var(--border_radius)
+}
+
+/* chUiJS_TextEditorButtons */
+chui_button_format {
+    height: max-content;
+    width: max-content;
+    border-radius: var(--border_radius);
+    padding: 6px;
+    margin: 0 3px;
+    font-size: 11pt;
+    font-weight: 500;
+    color: var(--text_color)
+}
+
+chui_button_format:hover {
+    background: var(--blue_prime_background);
+}
+
+/* chUiJS_TextEditorSelects */
+chui_text_editor_select_box {
+    display: flex;
+    flex-direction: column;
+    align-items: baseline;
+    height: max-content;
+    width: auto
+}
+
+text_editor_select_box {
+    position: relative;
+    display:flex;
+    outline: none;
+    height: max-content;
+    width: -webkit-fill-available;
+    border-radius: var(--border_radius);
+    padding: 0;
+    margin: 0 3px;
+    font-size: var(--font_default_size);
+    color: var(--text_color);
+}
+
+text_editor_select_box:hover {
+    background: var(--blue_prime_background);
+}
+
+.text_editor_selectbox_input {
+    width:100%;
+    display: block;
+    outline: none;
+    margin: 0;
+    padding: 6px 0 6px 6px;
+    background: transparent;
+    color: var(--text_color);
+    text-align: start;
+    border: none;
+    font-size: var(--font_default_size);
+}
+
+text_editor_div_value {
+    width:100%;
+    display: block;
+    outline: none;
+    margin: 0;
+    padding: 6px 0 6px 6px;
+    background: transparent;
+    color: var(--text_color);
+    text-align: start;
+    border: none;
+    font-size: var(--font_default_size);
+}
+
+text_editor_selectbox_dropdown {
+    overflow: overlay;
+    background: var(--header_background);
+    backdrop-filter: var(--global_blur);
+    -webkit-backdrop-filter: var(--global_blur);
+    color: var(--text_color);
+    outline: none;
+    position:absolute;
+    display:none;
+    height: max-content;
+    width: max-content;
+    border-radius: var(--border_radius);
+    margin-top: 0;
+    padding: 6px;
+    font-size: var(--font_default_size);
+    flex-direction: column;
+    z-index: 1;
+    border: 1px solid var(--border_color);
+    box-shadow: var(--box_shadow_drop);
+}
+
+text_editor_select_button_open {
+    outline: none;
+    padding: 6px 6px 6px 3px;
+}
+
+text_editor_selectbox_option {
+    text-align: start;
+    padding: 6px 12px;
+    border-radius: var(--border_radius)
+}
+
+text_editor_selectbox_option:hover {
+    background: var(--blue_prime_background)
+}
+
+text_editor_selectbox_option:hover font {
+    color: var(--text_color_hover);
+}
+
+/* chUiJS_TextEditorPanel */
+text_editor_panel {
+    height: max-content;
+    width: -webkit-fill-available;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center
+}
+
+text_editor_block {
+    height: max-content;
+    width: max-content;
+    display: flex;
+}
+
+.text_editor_table {
+    display: table;
+    border-radius: 0;
+    width: -webkit-fill-available;
+    border-collapse: collapse;
+    border: 1px solid var(--blue_prime_background);
+}
+
+.text_editor_table_body {
+    border: 1px solid var(--blue_prime_background);
+    width: auto
+}
+
+.text_editor_table_row {
+    width: auto;
+    display: table-row
+}
+
+.text_editor_table_cell {
+    height: max-content;
+    width: auto;
+    display: table-cell;
+    border: 1px solid var(--blue_prime_background)
+}
+
+pre {
+    font-family: 'chui_mono';
+    font-weight: 400
 }