feat: [Request] QCollapsible add style for open item quasarframework#2375

Author: rstoenescu

src/components/collapsible/QCollapsible.js

@@ -33,8 +33,10 @@ export default {
   computed: {
     classes () {
       return {
-        'q-collapsible-opened': this.popup && this.showing,
-        'q-collapsible-closed': this.popup && !this.showing,
+        'q-collapsible-opened': this.showing,
+        'q-collapsible-closed': !this.showing,
+        'q-collapsible-popup-opened': this.popup && this.showing,
+        'q-collapsible-popup-closed': this.popup && !this.showing,
         'q-collapsible-cursor-pointer': !this.iconToggle,
         'q-item-dark': this.dark,
         'q-item-separator': this.separator,

src/components/collapsible/collapsible.ios.styl

@@ -13,15 +13,15 @@
 .q-collapsible
   transition padding .5s
 
-.q-collapsible-closed
+.q-collapsible-popup-closed
   padding 0 15px
   .q-collapsible-inner
     border 1px solid $item-separator-color
   & + &
     .q-collapsible-inner
       border-top 0
 
-.q-collapsible-opened
+.q-collapsible-popup-opened
   padding 15px 0
   .q-collapsible-inner
     box-shadow $shadow-2

src/components/collapsible/collapsible.mat.styl

@@ -13,15 +13,15 @@
 .q-collapsible
   transition padding .5s
 
-.q-collapsible-closed
+.q-collapsible-popup-closed
   padding 0 15px
   .q-collapsible-inner
     border 1px solid $item-separator-color
   & + &
     .q-collapsible-inner
       border-top 0
 
-.q-collapsible-opened
+.q-collapsible-popup-opened
   padding 15px 0
   .q-collapsible-inner
     box-shadow $shadow-2