app/assets/stylesheets/index.css in refine-rails-2.11.2 vs app/assets/stylesheets/index.css in refine-rails-2.11.3
- old
+ new
@@ -1217,34 +1217,53 @@
align-items: start;
justify-content: space-between;
}
.refine--groups-wrapper {
- flex-grow: 1;
display: flex;
gap: 10px;
row-gap: 15px;
align-items: center;
flex-wrap: wrap;
}
+.refine--or-group {
+ display: flex;
+ gap: 10px;
+ row-gap: 15px;
+ align-items: center;
+ flex-wrap: wrap;
+}
+
.refine--filter-control-group {
text-wrap: nowrap;
flex-wrap: wrap;
display: flex;
align-items: center;
}
+@media (max-width: 960px) {
+ .refine--filter-control-group {
+ justify-content: end;
+ width: 25%;
+ }
+}
+
.refine--group-join, .refine--condition-join {
position: relative;
padding: 5px 0;
width: 35px;
text-align: center;
border-radius: 6px;
cursor: default;
&:hover {
background-color: #f8f8f8;
}
+}
+
+.refine--group-join-stack {
+ width: 100%;
+ text-align: left;
}
.refine--group {
display: flex;
gap: 10px;