fix: Change loadButton tag to div (fix #137) (#145)

* fix: Change loadButton tag to div fixes #137 * fix: Change loadButton tag to div
nhn · Feb 14, 2019 · 4361dff · 4361dff
1 parent 5a65eec
commit 4361dff
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/src/css/main.styl b/src/css/main.styl
@@ -48,7 +48,9 @@ body > textarea
  display: none;
 
  .-header-buttons button,
+ .-header-buttons div,
  .-controls-buttons button
+ display: inline-block;
  position: relative;
  width: 120px;
  height: 40px;
@@ -63,6 +65,7 @@ body > textarea
  cursor: pointer;
  vertical-align: middle;
  letter-spacing: 0.3px;
+ text-align: center;
 
  .-download-btn
  background-color: #fdba3b;

diff --git a/src/js/ui/template/controls.js b/src/js/ui/template/controls.js
@@ -48,10 +48,10 @@ export default ({locale, biImage, iconStyle: {normal, hover, disabled}, loadButt
  </ul>
 
  <div class="tui-image-editor-controls-buttons">
- <button style="${loadButtonStyle}">
+ <div style="${loadButtonStyle}">
  ${locale.localize('Load')}
  <input type="file" class="tui-image-editor-load-btn" />
- </button>
+ </div>
  <button class="tui-image-editor-download-btn" style="${downloadButtonStyle}">
  ${locale.localize('Download')}
  </button>

diff --git a/src/js/ui/template/mainContainer.js b/src/js/ui/template/mainContainer.js
@@ -5,10 +5,10 @@ export default ({locale, biImage, commonStyle, headerStyle, loadButtonStyle, dow
  <img src="${biImage}" />
  </div>
  <div class="tui-image-editor-header-buttons">
- <button style="${loadButtonStyle}">
+ <div style="${loadButtonStyle}">
  ${locale.localize('Load')}
  <input type="file" class="tui-image-editor-load-btn" />
- </button>
+ </div>
  <button class="tui-image-editor-download-btn" style="${downloadButtonStyle}">
  ${locale.localize('Download')}
  </button>