fix(ButtonGroup): remove strict css structure

heyui · Dec 3, 2018 · 0745ac7 · 0745ac7
1 parent 31c9101
commit 0745ac7
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/doc/components/demos/basic/button2.vue b/doc/components/demos/basic/button2.vue
@@ -87,8 +87,8 @@
     <h4>Button Group</h4>
     <div class="buttons">
       <ButtonGroup>
-        <Button color="primary" icon="h-icon-left"></Button>
-        <Button color="primary" icon="h-icon-right"></Button>
+        <Button color="primary" v-tooltip content="后退" icon="h-icon-left"></Button>
+        <Button color="primary" v-tooltip content="前进" icon="h-icon-right"></Button>
       </ButtonGroup>
       <ButtonGroup>
         <Button icon="h-icon-inbox">Create</Button>

diff --git a/themes/native/button.less b/themes/native/button.less
@@ -151,7 +151,7 @@
   &-group {
     display: inline-block;
     vertical-align: middle;
-    >.@{btn-prefix} {
+    .@{btn-prefix} {
       border-radius: 0;
       float: left;
       +.@{btn-prefix} {
@@ -177,17 +177,17 @@
           border-radius: 0 50% 50% 0;
         }
       }
-      >.@{btn-prefix}[disabled]{
+      .@{btn-prefix}[disabled]{
         z-index: -1;
       }
-      &-l>.@{btn-prefix} {
+      &-l .@{btn-prefix} {
         font-size: 110%;
         padding: 10px 20px;
       }
-      &-s>.@{btn-prefix} {
+      &-s .@{btn-prefix} {
         padding: 5px 8px;
       }
-      &-xs>.@{btn-prefix} {
+      &-xs .@{btn-prefix} {
         padding: 2px 6px;
         font-size: 90%;
       }