diff options
Diffstat (limited to 'ext')
| -rw-r--r-- | ext/bg/search.html | 78 | ||||
| -rw-r--r-- | ext/fg/float.html | 74 | 
2 files changed, 82 insertions, 70 deletions
| diff --git a/ext/bg/search.html b/ext/bg/search.html index bffbcd82..3588d871 100644 --- a/ext/bg/search.html +++ b/ext/bg/search.html @@ -16,51 +16,57 @@  </head>  <body> -<div class="content"><div class="content-scroll scrollbar" id="content-scroll"><div class="content-body" id="content-body"> -    <div class="top-progress-bar-container"><div class="progress-bar-indeterminant" id="progress-indicator" hidden></div></div> -    <div class="content-body-inner"> +<div class="content-outer"> +    <div class="content"> +        <div class="content-scroll scrollbar" id="content-scroll"> +            <div class="content-body" id="content-body"> +                <div class="top-progress-bar-container"><div class="progress-bar-indeterminant" id="progress-indicator" hidden></div></div> +                <div class="content-body-inner"> -        <span tabindex="-1" id="content-scroll-focus"></span> +                    <span tabindex="-1" id="content-scroll-focus"></span> -        <div id="intro"> -            <h1>Yomichan Search</h1> -        </div> +                    <div id="intro"> +                        <h1>Yomichan Search</h1> +                    </div> -        <div class="scan-disable"> -            <div class="search-options"> -                <label class="search-option"> -                    <label class="toggle"><input type="checkbox" id="wanakana-enable"><span class="toggle-body"><span class="toggle-track"></span><span class="toggle-knob"></span></span></label> -                    <span class="search-option-label">Automatic kana conversion</span> -                </label> -                <label class="search-option"> -                    <label class="toggle"><input type="checkbox" id="clipboard-monitor-enable"><span class="toggle-body"><span class="toggle-track"></span><span class="toggle-knob"></span></span></label> -                    <span class="search-option-label">Clipboard monitor</span> -                </label> -                <div class="search-option" id="query-parser-mode-container" hidden> -                    <span class="search-option-pre-label">Parser:</span> -                    <select id="query-parser-mode-select"></select> -                </div> -            </div> -            <div class="search-textbox-container"> -                <textarea id="search-textbox" placeholder="Input a term, expression, sentence, or block of text" autocomplete="false" autofocus></textarea> -                <button id="search-button"><span class="icon-button-icon" data-icon="magnifying-glass"></span></button> -            </div> -        </div> +                    <div class="scan-disable"> +                        <div class="search-options"> +                            <label class="search-option"> +                                <label class="toggle"><input type="checkbox" id="wanakana-enable"><span class="toggle-body"><span class="toggle-track"></span><span class="toggle-knob"></span></span></label> +                                <span class="search-option-label">Automatic kana conversion</span> +                            </label> +                            <label class="search-option"> +                                <label class="toggle"><input type="checkbox" id="clipboard-monitor-enable"><span class="toggle-body"><span class="toggle-track"></span><span class="toggle-knob"></span></span></label> +                                <span class="search-option-label">Clipboard monitor</span> +                            </label> +                            <div class="search-option" id="query-parser-mode-container" hidden> +                                <span class="search-option-pre-label">Parser:</span> +                                <select id="query-parser-mode-select"></select> +                            </div> +                        </div> +                        <div class="search-textbox-container"> +                            <textarea id="search-textbox" placeholder="Input a term, expression, sentence, or block of text" autocomplete="false" autofocus></textarea> +                            <button id="search-button"><span class="icon-button-icon" data-icon="magnifying-glass"></span></button> +                        </div> +                    </div> -        <div class="scan-disable" id="query-parser-container" hidden> -            <div id="query-parser-content"></div> -        </div> +                    <div class="scan-disable" id="query-parser-container" hidden> +                        <div id="query-parser-content"></div> +                    </div> + +                    <div id="definitions"></div> -        <div id="definitions"></div> +                    <div id="no-results" hidden> +                        <div class="entry"> +                            <p>No results found.</p> +                        </div> +                    </div> -        <div id="no-results" hidden> -            <div class="entry"> -                <p>No results found.</p> +                </div>              </div>          </div> -      </div> -</div></div></div> +</div>  <!-- Scripts -->  <script src="/mixed/lib/wanakana.min.js"></script> diff --git a/ext/fg/float.html b/ext/fg/float.html index bee79d10..4b1f55e1 100644 --- a/ext/fg/float.html +++ b/ext/fg/float.html @@ -16,49 +16,55 @@  <body>  <div class="content-outer"> -<div class="content"><div class="content-scroll scrollbar" id="content-scroll"><div class="content-body" id="content-body"> -    <div class="top-progress-bar-container"><div class="progress-bar-indeterminant" id="progress-indicator" hidden></div></div> -    <div class="content-body-inner"> +    <div class="content"> +        <div class="content-scroll scrollbar" id="content-scroll"> +            <div class="content-body" id="content-body"> +                <div class="top-progress-bar-container"><div class="progress-bar-indeterminant" id="progress-indicator" hidden></div></div> +                <div class="content-body-inner"> -        <span tabindex="-1" id="content-scroll-focus"></span> +                    <span tabindex="-1" id="content-scroll-focus"></span> -        <div class="scan-disable" id="query-parser-container" hidden> -            <div class="search-option" id="query-parser-mode-container" hidden> -                <select id="query-parser-mode-select"></select> -            </div> -            <div id="query-parser-content"></div> -        </div> +                    <div class="scan-disable" id="query-parser-container" hidden> +                        <div class="search-option" id="query-parser-mode-container" hidden> +                            <select id="query-parser-mode-select"></select> +                        </div> +                        <div id="query-parser-content"></div> +                    </div> -        <div id="definitions"></div> +                    <div id="definitions"></div> -        <div id="no-results" hidden> -            <div class="entry"> -                <p>No results found.</p> -            </div> -        </div> +                    <div id="no-results" hidden> +                        <div class="entry"> +                            <p>No results found.</p> +                        </div> +                    </div> + +                    <div id="error-extension-unloaded" hidden> +                        <div class="entry"> +                            <h1>Yomichan Updated!</h1> +                            <p> +                                The Yomichan extension has been updated to a new version! In order to continue +                                viewing definitions on this page, you must reload this tab or restart your browser. +                            </p> +                        </div> +                    </div> -        <div id="error-extension-unloaded" hidden> -            <div class="entry"> -                <h1>Yomichan Updated!</h1> -                <p> -                    The Yomichan extension has been updated to a new version! In order to continue -                    viewing definitions on this page, you must reload this tab or restart your browser. -                </p> +                </div>              </div>          </div> - -    </div> -</div></div></div> -<div class="content-sidebar scrollbar" id="content-sidebar" hidden><div class="content-sidebar-inner"> -    <div class="content-sidebar-top"> -        <button class="sidebar-button danger" id="close-button" title="Close popup"><span class="sidebar-button-icon" data-icon="cross"></span></button> -        <button class="sidebar-button" disabled id="navigate-previous-button" title="Previous definition (Alt + B)"><span class="sidebar-button-icon" data-icon="left-chevron"></span></button> -        <button class="sidebar-button" disabled id="navigate-next-button" title="Next definition (Alt + F)"><span class="sidebar-button-icon" data-icon="right-chevron"></span></button>      </div> -    <div class="content-sidebar-bottom"> -        <!--<button class="sidebar-button" id="profile-button"><span class="sidebar-button-icon" data-icon="profile"></span></button>--> +    <div class="content-sidebar scrollbar" id="content-sidebar" hidden> +        <div class="content-sidebar-inner"> +            <div class="content-sidebar-top"> +                <button class="sidebar-button danger" id="close-button" title="Close popup"><span class="sidebar-button-icon" data-icon="cross"></span></button> +                <button class="sidebar-button" disabled id="navigate-previous-button" title="Previous definition (Alt + B)"><span class="sidebar-button-icon" data-icon="left-chevron"></span></button> +                <button class="sidebar-button" disabled id="navigate-next-button" title="Next definition (Alt + F)"><span class="sidebar-button-icon" data-icon="right-chevron"></span></button> +            </div> +            <div class="content-sidebar-bottom"> +                <!--<button class="sidebar-button" id="profile-button"><span class="sidebar-button-icon" data-icon="profile"></span></button>--> +            </div> +        </div>      </div> -</div></div>  </div>  <!-- Scripts --> |