index.css in refine-rails-2.11.9

- old
+ new

@@ -1270,15 +1270,10 @@
   &:hover {
     background-color: #f8f8f8;
   }
 }
 
-.refine--group-join-stack {
-  width: 100%;
-  text-align: left;
-}
-
 .refine--group-join {
   &:hover {
     .refine--remove-group {
       display: block;
     }
@@ -1763,11 +1758,12 @@
   background-color: #ffffff;
   position: absolute;
   /* TODO see if these are still needed */
   margin-top: 3px;
   width: 100vw;
-  padding: 0 0.5rem;
+  padding-left: .5rem;
+  padding-right: .5rem;
   max-width: -webkit-max-content;
   max-width: -moz-max-content;
   max-width: max-content;
   max-height: 66vh;
   overflow: visible;
@@ -1952,16 +1948,117 @@
   line-height: 18px;
 }
 
 /* Shoelace Modal Styling */
 
-.dialog-full::part(panel) {
+.refine--inline-modal-container .dialog-full::part(panel) {
   width: 100%;
   max-width: 100%;
   height: 100%;
   max-height: 100%;
   border-radius: 0;
   padding: 0;
   margin: 0;
 }
 
+.dialog__header-actions.refine--modal-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 6px 20px;
+}
 
+.refine--header-title {
+  font-size: 1rem;
+  line-height: 1.5rem;
+  font-weight: 600;
+  --tw-text-opacity: 1;
+  color: rgb(21 29 40 / var(--tw-text-opacity));
+}
+
+.refine--modal-header-actions {
+  display: flex;
+  gap: 5px;
+}
+
+.refine--filter-condition-search {
+  position: relative;
+  margin-right: 10px;
+}
+
+.refine--filter-condition-search .refine--search-icon {
+  display: flex;
+  padding-right: 8px;
+  padding-left: 12px;
+  align-items: center;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  position: absolute;
+}
+
+.refine--filter-condition-search input {
+  display: block;
+  height: 38px;
+  width: 100%;
+  border-radius: 7px;
+  border-width: 1px;
+  border-style: solid;
+  --tw-border-opacity: 1;
+  border-color: rgb(183 198 206 / var(--tw-border-opacity));
+  padding-left: 32px;
+  --tw-text-opacity: 1;
+  color: rgb(21 29 40 / var(--tw-text-opacity));
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+.refine--advanced-condition-select {
+  padding-left: 24px;
+  padding-right: 24px;
+  background-color: #f9fafb;
+  /* tailwind color bg-gray-50 */
+}
+
+.refine--advanced-condition-category-header {
+  display: flex;
+  padding: 10px 0 16px 0;
+  font: 14px 600;
+  color: #1a202e;
+  /* tailwind color cool-gray-900 */
+}
+
+.refine--advanced-condition-select-group {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 5px;
+  padding-bottom: 32px
+}
+
+.refine--condition-list-card {
+  font-size: 14px;
+  color: #27303f /* tailwind color cool-gray-800 */;
+  display: flex;
+  gap: 10px;
+  align-items: center;
+  padding: 10px;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  background-color: #fff;
+  width: 244px;
+}
+
+.refine--condition-list-icon-container {
+  display: flex;
+  border-radius: 6px;
+  min-width: 28px;
+  height: 28px;
+  justify-items: center;
+  align-items: center;
+  padding: 0;
+  text-align: center;
+}
+
+.refine--condition-list-icon-container i {
+  margin: 0 auto;
+  font-size: 16px;
+}
\ No newline at end of file