Add tooltips

This commit is contained in:
kichikuou
2017-04-22 13:07:08 +09:00
parent 4f537cae3e
commit d07abcbee8
2 changed files with 9 additions and 7 deletions
+5 -5
View File
@@ -11,7 +11,7 @@
</head>
<body>
<div id="toolbar-handler" hidden>
<div id="toolbar-handler" class="tooltip tooltip-bottom" data-tooltip="メニュー" hidden>
<div class="toolbar-handler-icon"></div>
</div>
<header id="toolbar">
@@ -21,12 +21,12 @@
</section>
<section class="navbar-section">
<div id="volume-control" class="mr-10" hidden>
<i id="volume-control-icon" class="fa fa-volume-up"></i>
<input id="volume-control-slider" type="range">
<i id="volume-control-icon" class="fa fa-volume-up tooltip tooltip-bottom" data-tooltip="ミュート"></i>
<input id="volume-control-slider" type="range" class="tooltip tooltip-bottom" data-tooltip="音量">
</div>
<button id="settings-button" class="btn btn-link mr-10"><i class="fa fa-cog"></i></button>
<a class="btn btn-link" target="_blank" href="help.html"><i class="fa fa-question-circle mr-10"></i></a>
<button id="settings-button" class="btn btn-link tooltip tooltip-bottom mr-10" data-tooltip="設定"><i class="fa fa-cog"></i></button>
<a class="btn btn-link tooltip tooltip-bottom" target="_blank" href="help.html" data-tooltip="ヘルプ"><i class="fa fa-question-circle mr-10"></i></a>
<button id="toolbar-close-button" class="btn btn-link"><i class="fa fa-angle-up"></i></button>
</section>
</div>
+4 -2
View File
@@ -13,12 +13,14 @@ namespace xsystem35 {
this.close();
}
open() {
private open() {
this.toolbar.classList.remove('closed');
this.handler.hidden = true;
}
close() {
private close() {
this.toolbar.classList.add('closed');
this.handler.hidden = false;
}
}
}