right_tool_bar.php 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <script src="../reader/right_tool_bar.js"></script>
  2. <style>
  3. #right_float_pannal {
  4. position: fixed;
  5. height: calc(100% - 7.3em);
  6. top: 7.3em;
  7. left: 100%;
  8. width: 30em;
  9. min-width: 20em;
  10. color: var(--btn-color);
  11. background-color: var(--tool-bg-color);
  12. z-index: 20;
  13. -webkit-transition-duration: 0.4s;
  14. transition-duration: 0.4s;
  15. -webkit-contain: strict;
  16. contain: strict;
  17. z-index: 51;
  18. }
  19. #right_float_pannal > iframe {
  20. width: 100%;
  21. height: 100%;
  22. }
  23. .right_float_max #right_float_pannal {
  24. left: 50%;
  25. width: 50%;
  26. }
  27. .right_float_min #right_float_pannal {
  28. left: calc(100% - 30em);
  29. }
  30. #right_float_pannal > #tool_bar {
  31. /*position: absolute;*/
  32. display: flex;
  33. width: 100%;
  34. justify-content: space-between;
  35. }
  36. #right_float_pannal > #tool_bar svg {
  37. fill: var(--bg-color);
  38. height: 2em;
  39. width: 2em;
  40. }
  41. #min_right_float {
  42. display: none;
  43. }
  44. .main_view_right_float_min {
  45. margin-right: 29em;
  46. }
  47. .main_view_right_float_max {
  48. margin-right: 50%;
  49. }
  50. .main_view_right_float_min #right_pannal {
  51. display: none;
  52. }
  53. .main_view_right_float_max #right_pannal {
  54. display: none;
  55. }
  56. </style>
  57. <button id="btn_show_dict" class='icon_btn' onclick="show_dict(this)">
  58. <?php echo $_local->gui->dict; ?>
  59. </button>
  60. <div id="main_view_shell">
  61. <div id="right_float_pannal">
  62. <div id="tool_bar">
  63. <span>
  64. <button id="max_right_float" class="icon_btn" onclick="max_right_float(this)">
  65. <svg class='icon'><use xlink:href='../studio/svg/icon.svg#left_expand'></use></svg>
  66. </button>
  67. <button id="min_right_float" class="icon_btn" onclick="min_right_float(this)">
  68. <svg class='icon'><use xlink:href='../studio/svg/icon.svg#right_expand'></use></svg>
  69. </button>
  70. </span>
  71. <span id="tool_bar_title" style="font-size: 150%;">
  72. <?php echo $_local->gui->searching_instruction; ?><guide gid="dict_search_input" init="1"></guide>
  73. </span>
  74. <span>
  75. <button id="close_right_float" class="icon_btn" onclick="close_right_float()">
  76. <svg class='icon'><use xlink:href='../studio/svg/icon.svg#cross_with_circle'></use></svg>
  77. </button>
  78. </span>
  79. </div>
  80. <iframe id="dict" src="../dict/index.php?builtin=true" name="dict" title="wikipali"></iframe>
  81. </div>
  82. </div>
  83. <script>
  84. guide_init();
  85. </script>