mint/app/reader/right_tool_bar.php

	<script src="../reader/right_tool_bar.js"></script>
<style>
	#right_float_pannal {
	position: fixed;
	height: calc(100% - 7.3em);
	top: 7.3em;
	left: 100%;
	width: 30em;
	min-width: 20em;
	color: var(--btn-color);
	background-color: var(--tool-bg-color);
	z-index: 20;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-contain: strict;
	contain: strict;
	z-index: 51;
}
#right_float_pannal > iframe {
	width: 100%;
	height: 100%;
}
.right_float_max #right_float_pannal {
	left: 50%;
	width: 50%;
}

.right_float_min #right_float_pannal {
	left: calc(100% - 30em);
}
#right_float_pannal > #tool_bar {
	position: absolute;
	display: flex;
	width: 100%;
	justify-content: space-between;
}
#right_float_pannal > #tool_bar svg {
	fill: var(--box-bg-color1);
}
#min_right_float {
	display: none;
}
.main_view_right_float_min {
	margin-right: 29em;
}
.main_view_right_float_max {
	margin-right: 50%;
}
.main_view_right_float_min #right_pannal {
	display: none;
}
.main_view_right_float_max #right_pannal {
	display: none;
}
	</style>
				<button id="btn_show_dict" class='icon_btn' onclick="show_dict(this)">
				<?php echo $_local->gui->dict; ?>
				</button>
<div id="main_view_shell">
	<div id="right_float_pannal">
		<div id="tool_bar">
			<span>
			<button id="max_right_float" class="icon_btn" onclick="max_right_float(this)">
				<svg class='icon'><use xlink:href='../studio/svg/icon.svg#left_expand'></use></svg>
			</button>
			<button id="min_right_float" class="icon_btn" onclick="min_right_float(this)">
				<svg class='icon'><use xlink:href='../studio/svg/icon.svg#right_expand'></use></svg>
			</button>
			</span>
			<span>
			<button id="close_right_float" class="icon_btn" onclick="close_right_float()">
			<svg class='icon'><use xlink:href='../studio/svg/icon.svg#cross_with_circle'></use></svg>
			</button>
			</span>
		</div>
		<iframe id="dict" src="../dict/index.php?builtin=true" name="dict" title="wikipali"></iframe>
	</div>
</div>