refactor: separate styl file

2025-12-16 03:06:27 +00:00 · 2016-12-21 14:09:03 +09:00
parent 49d3262380
commit 6e535c11fd
3 changed files with 41 additions and 76 deletions
--- a/browser/main/Detail/NoteDetailInfo.styl
+++ b/browser/main/Detail/NoteDetailInfo.styl
@@ -0,0 +1,39 @@
+$info-height = 60px
+
+.info
+  absolute top left right
+  height $info-height
+  border-bottom $ui-border
+  background-color $ui-backgroundColor
+
+.info-left
+  float left
+  padding 0 5px
+  margin 18px 2px
+
+.info-right
+  float right
+
+.info-right-button
+  width 34px
+  height 34px
+  border-radius 17px
+  navButtonColor()
+  border $ui-border
+  font-size 14px
+  margin 13px 2px
+  padding 0
+  &:active
+    border-color $ui-button--focus-borderColor
+  &:hover .info-right-button-tooltip
+    opacity 1
+  &:focus
+    border-color $ui-button--focus-borderColor
+
+.info-right-button-tooltip
+  tooltip()
+  position fixed
+  top 45px
+  padding 5px
+  opacity 0
+  border-radius 2px