architwin 1.14.5 → 1.14.6

package/lib/atwinui/components/toolbar/tagListPane.js

@@ -38,23 +38,23 @@ export function renderTagListPane() {
             <span>${i18n.t('Tags')}</span>
         </div>
         <div class="at_form_container at_h-min-65 at_tag_list_pane">
-            <div class="at_sort_btn_container">
-                <div id="at-tag-sort-icon" class="mdi mdi-filter mdi-24px at_icon_hover">
-                    <span id="at-tag-sort-options-tooltip" class="at_custom_tooltip">
-                        <p class="at_tag_sort_option at_sort_option_selected" data-sort="Ascending">${i18n.t('Ascending')}</p>
-                        <p class="at_tag_sort_option" data-sort="Descending">${i18n.t('Descending')}</p>
-                        <p class="at_tag_sort_option" data-sort="Newest">${i18n.t('Newest')}</p>
-                        <p class="at_tag_sort_option" data-sort="Oldest">${i18n.t('Oldest')}</p>
-                    </span>
-                </div>
-            </div>
-            <div class="at_flex_row">
-                <input class="at_field_search_input" type="text" name="search_name" id="at-tag-name-search" data-cy="at-tag-name-search" placeholder=${i18n.t('Search...')}>
-                <span class="mdi mdi-close at_button_search_tag" id="at-clear-search-tag-name" style="display:none"></span>
-                <button class="at_search_button" id="at-search-tag-button">
-                    <span class="mdi mdi-magnify"></span>
-                </button>
-            </div>
+<div class="at_tags_filter_section">
+    <input class="at_field_search_input" type="text" name="search_name" id="at-tag-name-search" data-cy="at-tag-name-search" placeholder=${i18n.t('Search...')}>
+    <span class="mdi mdi-close at_button_search_tag" id="at-clear-search-tag-name" style="display:none"></span>
+    <button class="at_search_button" id="at-search-tag-button">
+        <span class="mdi mdi-magnify"></span>
+    </button>
+    <div class="at_sort_btn_container">
+        <div id="at-tag-sort-icon" class="mdi mdi-filter mdi-24px at_icon_hover">
+            <span id="at-tag-sort-options-tooltip" class="at_custom_tooltip">
+                <p class="at_tag_sort_option at_sort_option_selected" data-sort="Ascending">${i18n.t('Ascending')}</p>
+                <p class="at_tag_sort_option" data-sort="Descending">${i18n.t('Descending')}</p>
+                <p class="at_tag_sort_option" data-sort="Newest">${i18n.t('Newest')}</p>
+                <p class="at_tag_sort_option" data-sort="Oldest">${i18n.t('Oldest')}</p>
+            </span>
+        </div>
+    </div>
+</div>
             <div class="at_field at_flex_column" style="${_tagCategories ? '' : 'display: none;'}">
                 <label for="">${i18n.t('Category')}</label>
                 <div id="at-custom-category-filter-dropdown" data-cy="at-custom-category-filter-dropdown">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "architwin",
-  "version": "1.14.5",
+  "version": "1.14.6",
   "description": "ArchiTwin Library for Matterport",
   "main": "./lib/architwin.js",
   "types": "./lib/architwin.d.ts",

package/static/atwinui.css

@@ -734,8 +734,11 @@
     color: var(--text-color-light);
     font: 3em;
     padding: 10px 8px;
-    margin-top: 4px;
-    width: 11.75rem
+    margin-top: 1px;
+    margin-left: 4px;
+    height: 2.45rem;
+    width: 9rem;
+    /* width: 11.75rem */
 }
 
 .at_field_search_input:focus {
@@ -2317,6 +2320,7 @@ dialog#at-screen-share-request-modal::backdrop {
     display: flex;
     flex-direction: column;
     align-items: end;
+    margin-top: 1px;
 }
 
 #at-tag-sort-icon {
@@ -2332,3 +2336,11 @@ dialog#at-screen-share-request-modal::backdrop {
 .at_sort_option_selected {
     background-color: var(--bg-accent) !important;
 }
+
+.at_tags_filter_section {
+    display: flex;
+    flex-direction: row;
+    gap: 2px !important;
+    height: max-content;
+    height: 3rem;
+}