From 39414aaa58d4a2ad2dff994c193163c953c393cc Mon Sep 17 00:00:00 2001 From: Kuldeep M Date: Sun, 10 Oct 2021 18:18:10 +0100 Subject: [PATCH] remove redundant button spacing --- src/component/button/index.css | 22 ------------------- .../menuContent/debugSetting/index.js | 3 +++ 2 files changed, 3 insertions(+), 22 deletions(-) diff --git a/src/component/button/index.css b/src/component/button/index.css index 5896c8ee..113ce72b 100644 --- a/src/component/button/index.css +++ b/src/component/button/index.css @@ -200,28 +200,6 @@ button .icon, width: 100%; } -button [class^="button-"], -button [class*=" button-"], -.button [class^="button-"], -.button [class*=" button-"] { - margin-left: 0.25em; - margin-right: 0.25em; -} - -button [class^="button-"]:first-child, -button [class*=" button-"]:first-child, -.button [class^="button-"]:first-child, -.button [class*=" button-"]:first-child { - margin-left: 0; -} - -button [class^="button-"]:last-child, -button [class*=" button-"]:last-child, -.button [class^="button-"]:last-child, -.button [class*=" button-"]:last-child { - margin-right: 0; -} - .button-link { background-color: transparent; border: 0; diff --git a/src/component/menuContent/debugSetting/index.js b/src/component/menuContent/debugSetting/index.js index 9838df84..257244b9 100644 --- a/src/component/menuContent/debugSetting/index.js +++ b/src/component/menuContent/debugSetting/index.js @@ -213,6 +213,8 @@ debugSetting.button = (parent) => { debugSetting.control.button.link = new Button({ text: 'Link button', size: 'medium', style: ['link'] }); + debugSetting.control.button.icon = new Button({ text: 'Icon button', size: 'medium', style: ['line'], iconName: 'add' }); + parent.appendChild( node('div', [ debugSetting.control.button.small.wrap(), @@ -222,6 +224,7 @@ debugSetting.button = (parent) => { debugSetting.control.button.line.wrap(), debugSetting.control.button.ring.wrap(), debugSetting.control.button.link.wrap(), + debugSetting.control.button.icon.wrap() ]) );