fix(QSeparator): do not allow separator to be flex shrunk quasarframework#8280 (quasarframework#8299)

quasarframework#8280

Author: pdanpdan

ui/dev/src/pages/form/select-part-8.vue

@@ -66,7 +66,7 @@
             </template>
           </q-select>
 
-          <q-separator spaced></q-separator>
+          <q-separator spaced />
           <q-item-label header>General</q-item-label>
 
           <q-item tag="label" v-ripple>
@@ -108,7 +108,7 @@
             </q-item-section>
           </q-item>
 
-          <q-separator spaced></q-separator>
+          <q-separator spaced />
           <q-item-label header>Notifications</q-item-label>
 
           <q-item tag="label" v-ripple>

ui/src/components/separator/QSeparator.sass

@@ -3,6 +3,7 @@
   background: $separator-color
   margin: 0
   transition: background .3s, opacity .3s
+  flex-shrink: 0
 
   &--dark
     background: $separator-dark-color

ui/src/components/separator/QSeparator.styl

@@ -3,6 +3,7 @@
   background: $separator-color
   margin: 0
   transition: background .3s, opacity .3s
+  flex-shrink: 0
 
   &--dark
     background: $separator-dark-color