architwin 1.14.8 → 1.14.9

package/static/atwinui.css

@@ -1307,7 +1307,7 @@
 
 /* Room */
 
-.at_empty-display {
+.at_empty_display {
     display: var(--container-display);
     justify-content: center;
     align-items: center;
@@ -1330,7 +1330,8 @@
 
 .at_undo_btn,
 .at_redo_btn,
-.at_draw_partition_btn {
+.at_draw_partition_btn,
+.at_add_window_door_btn {
     background-color: black;
     border: solid white 2px;
     font-size: smaller;
@@ -1342,7 +1343,8 @@
 }
 
 
-.at_draw_partition_btn {
+.at_draw_partition_btn,
+.at_add_window_door_btn {
     flex-grow: 2;
 }
 
@@ -1350,7 +1352,8 @@
     font-size: x-small;
 }
 
-.at_draw_partition_btn_active {
+.at_draw_partition_btn_active,
+.at_add_window_door_btn_active {
     background-color: var(--bg-accent);
     border: solid white 2px;
     font-size: smaller;
@@ -1359,24 +1362,6 @@
     flex-grow: 2;
 }
 
-.at_partition_list_container {
-    display: var(--container-display);
-    border-radius: var(--border-radius);
-    background-color: black;
-    flex-direction: column;
-    padding: 8px 6px 8px 6px;
-    min-height: 22rem;
-}
-
-.at_partition_item_container {
-    display: var(--container-display);
-    flex-direction: column;
-    gap: 4px;
-    margin-bottom: 0.5rem;
-}
-
-.at_face_title,
-.at_partition_title,
 .at_converted_coordinates_title {
     display: var(--container-display);
     background-color: hsla(0,0%,19%,1);
@@ -1391,65 +1376,6 @@
     padding-right: 18px;
 }
 
-.at_face_title .mdi-chevron-left {
-    cursor: pointer;   
-    background-color: hsla(0, 3%, 6%, 0.8);
-    line-height: 1;
-    padding: 2px;
-    border-radius: 4px;
-}
-
-.at_partition_item {
-    display: var(--container-display);
-    background-color: hsla(0,0%,19%,1);
-    border-radius: 4px;
-    justify-content: space-between;
-    align-items: center;
-    padding: 2px 5px 2px 5px; 
-    margin: 0 4px 0 4px;
-}
-
-.at_partition_name {
-    display: flex;
-    background-color: hsla(0, 3%, 6%, 0.8);
-    border-radius: 4px;
-    justify-content: space-between;
-    flex: 1;
-    padding: 0 5px 0 5px;
-    margin: 0 20px 0 20px;
-    font-size: 12px;
-    font-family: Arial, sans-serif;
-}
-
-.at_icon_left {
-    line-height: 1;
-    background-color: hsla(173,75%,58%,1);
-    color: black;
-    border-radius: 4px;
-    padding: 1px;
-}
-
-.at_icon_right {
-    cursor: pointer;
-}
-
-.at_face_vertex_container,
-.at_coordinaes_container {
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-    padding: 0px;
-    margin-top: 4px;
-}
-
-.at_face_vertex_item {
-    display: var(--container-display);
-    background-color: hsla(0,0%,19%,1);
-    flex-direction: column;
-    border-radius: 4px;
-    margin: 0px 4px 0px 4px;
-}
-
 .at_face_item {
     display: var(--container-display);    
     border-radius: 4px;
@@ -1463,96 +1389,21 @@
     background-color: hsla(220, 20%, 25%, 1);
 }
 
-.at_face_name {
-    background-color: hsla(0, 3%, 6%, 0.8);
-    border-radius: 4px;
-    cursor: pointer;
-    margin: 2px;
-    font-size: 12px;
-    font-family: Arial, sans-serif;
-    text-align: center;
-    width:100px;
-}
-
-.at_face_icon_left {
-    display: inline-block;
-    line-height: 1;
-    background-color: hsla(173,75%,58%,1);
-    color: black;
-    border-radius: 4px;
-    padding: 2px;
-    cursor: default;
-}
-
-.at_face_icon_right {
-    cursor: pointer;
-}
-
-.at_face_icon_right:hover {
-    color: var(--bg-accent-azusa)
-}
-
-.at_face_icon_rotate_90 {
-    display: inline-block;
-    transform: rotate(90deg); 
-}
-
-.at_face_icon_rotate_180 {
-    display: inline-block;
-    transform: rotate(180deg); 
-}
-
-.at_face_icon_rotate_270 {
-    display: inline-block;
-    transform: rotate(270deg); 
-}
-
-.at_edit_name {
-    display: none;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    padding-bottom: 6px;
-}
-
-.at_edit_name_text {
+.at_edit_name, .at_edit_material {
     display: flex;
-    font-family: Arial, sans-serif;
-    font-size: 10px;
-    text-align: center;
-    cursor: pointer;
-    gap: 5px;
-}
-
-.at_edit_name_input {
-    display: none;
     align-items: center;
     padding-bottom: 4px;
+    width: 100%;
 }
 
-.at_edit_face_name_input {
-    background-color: hsla(0,0%,19%,1);
-    font-family: Arial, sans-serif;
-    font-size: 10px;
-    box-sizing: border-box;
-    text-align: center;
-    color: white;
-    border:none;
-    border-bottom: 1px solid;
-    outline: none;
-    padding-bottom: 2px;
-    height: 20px;
-    max-width: 85px;
-} 
-
-.at_edit_partition_name_input {
+.at_edit_name_input, .at_edit_material_input {
     display:flex;
-    background-color: black;
+    background-color: inherit;
     font-family: Arial, sans-serif;
     font-size: 10px;
     box-sizing: border-box;
-    color: white;
     border:none;
+    color:white;
     border-bottom: 1px solid;
     outline: none;
     padding-bottom: 2px;
@@ -1560,7 +1411,10 @@
     width: 100%;
 }
 
-.at_edit_name_input .mdi-check {
+.at_edit_name .mdi-check,
+.at_edit_name .mdi-pencil,
+.at_edit_material .mdi-check,
+.at_edit_material .mdi-pencil {
     display: inline-flex; 
     align-items: center; 
     cursor: pointer;
@@ -1569,78 +1423,8 @@
     padding-bottom: 3px;
 }
 
-.at_vertex_list {
-    display: var(--container-display);
-    flex-direction: column;
-    border-radius: 4px;
-    margin-bottom: 6px;
-    padding-top: 6px;
-}
-
-.at_vertex_list.show {
-    display: var(--container-display);
-}
-
-.at_vertex_item {
-    display: var(--container-display);
-    background-color: hsla(0, 3%, 6%, 0.8);
-    border-radius: 4px;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-    padding: 2px 5px 2px 5px; 
-    margin: 0px 14px 4px 15px;
-}
-
-.at_vertex_item.selected {
-    background-color: hsla(220, 25%, 25%, 1)
-}
-
-.at_vertex_center {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-    gap: 6px;
-}
-
-.at_vertex_distance {
-    background-color:hsla(0,0%,100%,0.8) ;
-    border-radius: 4px;
-    color: black;
-}
-
-.at_vertex_name, 
-.at_vertex_distance {
-    font-size: 12px;
-    font-family: Arial, sans-serif;
-    white-space: nowrap;
-    text-align: center;
-    width: 50px;
-}
-
-.at_vertex_icon_left {
-    display: inline-block;
-    line-height: 1;
-    background-color: hsla(71,96%,62%,1);
-    color: black;
-    border-radius: 4px;
-    padding: 2px;
-    cursor: default;
-    margin: 2px;
-    cursor: pointer;
-}
-
-.at_vertex_icon_right {
-    cursor: pointer;
-}
-
-.at_vertex_icon_right:hover {
-    color: var(--bg-accent-azusa)
-}
-
 .at_invisible {
-    opacity: 0;        
+    visibility: hidden;        
     pointer-events: none;
     cursor: default;
 }
@@ -2383,10 +2167,245 @@ dialog#at-screen-share-request-modal::backdrop {
     background-color: var(--bg-accent) !important;
 }
 
+
+/* Generic Elements */
+
+.at_section {
+    display: var(--container-display);
+    border-radius: var(--border-radius);
+    background-color: black;
+    flex-direction: column;
+    padding: 8px 6px 8px 6px;
+    min-height: 22rem;
+}
+
+.at_section .at_title {
+    display: var(--container-display);
+    background-color: hsla(0,0%,19%,1);
+    border-radius: 4px;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 10px;
+    font-size: 15px;
+    font-weight: normal;
+    font-family: Arial, sans-serif;
+    padding-left: 2px;
+    padding-right: 18px;
+}
+
+.at_section .at_title .at_back_btn{
+    cursor: pointer;   
+    background-color: hsla(0, 3%, 6%, 0.8);
+    line-height: 1;
+    padding: 2px;
+    border-radius: 4px;
+}
+
+.at_section .at_body {
+    display: var(--container-display);
+    flex-direction: column;
+    gap: 4px;
+    margin-bottom: 0.5rem;
+}
+
+.at_section .at_body .at_container{
+    display: block;
+    background-color: hsla(0,0%,19%,1);
+    flex-direction: column;
+    border-radius: 4px;
+    padding: 0px;
+}
+
+.at_section .at_body .at_item {
+    display: var(--container-display);    
+    background-color: hsla(0,0%,19%,1);
+    border-radius: 4px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 2px 5px 2px 5px;
+}
+
+.at_section .at_body .at_item .at_subitem_left {
+    line-height: 1;
+    background-color: hsla(173,75%,58%,1);
+    color: black;
+    border-radius: 4px;
+    padding: 1px;
+}
+
+.at_section .at_body .at_item .at_subitem_right {
+    cursor: pointer;
+}
+
+.at_section .at_body .at_item .at_subitem_right:hover {
+    color: var(--bg-accent-azusa)
+}
+
+.at_section .at_body .at_item .at_name {
+    display: flex;
+    background-color: hsla(0, 3%, 6%, 0.8);
+    border-radius: 4px;
+    justify-content: space-between;
+    flex: 1;
+    padding: 0 5px 0 5px;
+    margin: 0 20px 0 20px;
+    font-size: 12px;
+    font-family: Arial, sans-serif;
+}
+
+.at_section .at_body .at_item.selected {
+    background-color: hsla(220, 20%, 25%, 1);
+}
+
+.at_dropdown_item_container {
+    display: var(--container-display);
+    flex-direction: column;
+    border-radius: 4px;
+    padding: 4px;
+}
+
+.at_dropdown_item_container.show {
+    display: var(--container-display);
+}
+
+.at_section .at_body .at_container .at_dropdown_item_container .at_dropdown_item {
+    display: var(--container-display);
+    background-color: hsla(0, 3%, 6%, 0.8);
+    border-radius: 4px;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: center;
+    padding: 2px 2px 2px 2px; 
+    margin: 0px 4px 2px 4px;
+}
+
+.at_section .at_body .at_container .at_dropdown_item_container .at_dropdown_item.selected {
+    background-color: hsla(220, 25%, 25%, 1)
+}
+
+.at_dropdown_item .at_subitem_left {
+    display: inline-block;
+    line-height: 1;
+    background-color: hsla(71,96%,62%,1);
+    color: black;
+    border-radius: 4px;
+    padding: 2px;
+    margin: 2px;
+}
+
+.at_dropdown_item .at_subitem_right {
+    cursor: pointer;
+    display: flex;
+}
+
+.at_dropdown_item .at_subitem_right span:hover{
+    color: var(--bg-accent-azusa)
+}
+
+.at_dropdown_item .at_subitem_center {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    gap: 4px;
+}
+
+.at_dropdown_item .at_subitem_center .at_icon {
+    font-size: 1em;
+}
+
+.at_dropdown_subitem_container {
+    display: var(--container-display);
+    background-color: hsla(0, 3%, 6%, 0.8);
+    border-radius: 4px;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    padding: 2px 2px 2px 2px; 
+    margin: 0px 4px 2px 4px;
+    width: 100%;
+}
+
+.at_subitem_center .at_name {
+    max-width: 75px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    position: relative;
+}
+
+.at_subitem_center .at_tooltip {
+    position: absolute;
+    top: -70%;
+    left: -10%;
+    width: min-content;
+    color: #fff;
+    transform: translateY(-50%); 
+    font-size: 12px; 
+    padding: 4px 8px;
+    border-radius: 4px;
+    white-space: nowrap;
+    z-index: 9999999;
+    visibility: hidden;
+    background-color: #2A2B26;
+    opacity: 0;
+    transition: opacity 0.3s ease;
+}
+
+.at_subitem_center:hover .at_tooltip {
+    transition: opacity 0.3s ease;
+    visibility: visible;
+    opacity: 1; 
+}
+
+.at_subitem_center .at_tooltip::after {
+    content: "";
+    position: absolute;
+    top: 115%;
+    left: 50%;
+    margin-top: -5px;
+    border-width: 5px;
+    border-style: solid;
+    border-color: #2A2B26 transparent transparent transparent;
+}
+
+.at_subitem_center .at_name,
+.at_subitem_center .at_distance {
+    font-size: 12px;
+    font-family: Arial, sans-serif;
+    white-space: nowrap;
+    text-align: center;
+    padding-left: 5px;
+    padding-right: 5px;
+}
+
+.at_subitem_center .at_distance {
+    background-color:hsla(0,0%,100%,0.8) ;
+    border-radius: 4px;
+    color: black;
+}
+
+.at_container .at_item .at_subitem_center {
+    background-color: hsla(0, 3%, 6%, 0.8);
+    border-radius: 4px;
+    cursor: pointer;
+    margin: 4px;
+    font-size: 12px;
+    text-align: center;
+    width:100px;
+}
+
 .at_tags_filter_section {
     display: flex;
     flex-direction: row;
     gap: 2px !important;
     height: max-content;
     height: 3rem;
+}
+
+.at_partition_wall_row_item {
+    cursor: pointer;
+}
+
+.at_partition_floor_row_item {
+     cursor: pointer;
 }