diff options
| author | wxiaoguang <wxiaoguang@gmail.com> | 2023-05-14 04:38:22 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-05-13 20:38:22 +0000 |
| commit | 8a8b7536475bea0146298177affb74dddd8c6f6a (patch) | |
| tree | d11db0d933d2733aaad764256e560bb864e26a81 /templates/devtest/gitea-ui.tmpl | |
| parent | 3075b996109f413a3f45d502155316be1be17b44 (diff) | |
| download | gitea-8a8b7536475bea0146298177affb74dddd8c6f6a.tar.gz gitea-8a8b7536475bea0146298177affb74dddd8c6f6a.zip | |
Improve button-ghost, remove tertiary button (#24692)
<img width="474" alt="image"
src="https://github.com/go-gitea/gitea/assets/2114189/7fd231f9-71c3-4769-ba96-37a5b77cf224">
<img width="557" alt="image"
src="https://github.com/go-gitea/gitea/assets/2114189/c9945f61-39b4-4711-aea8-c34ef1d714c5">
<img width="641" alt="image"
src="https://github.com/go-gitea/gitea/assets/2114189/691be76e-74fd-420d-9b9e-ba1f3b08e0b4">
And a page to test buttons:
<details>
<img width="451" alt="image"
src="https://github.com/go-gitea/gitea/assets/2114189/5f61da24-2f36-40ad-a9bb-2205da5f5f04">
</details>
---------
Co-authored-by: Giteabot <teabot@gitea.io>
Co-authored-by: silverwind <me@silverwind.io>
Diffstat (limited to 'templates/devtest/gitea-ui.tmpl')
| -rw-r--r-- | templates/devtest/gitea-ui.tmpl | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/templates/devtest/gitea-ui.tmpl b/templates/devtest/gitea-ui.tmpl index 2fe478a07d..c00d12217d 100644 --- a/templates/devtest/gitea-ui.tmpl +++ b/templates/devtest/gitea-ui.tmpl @@ -1,5 +1,38 @@ {{template "base/head" .}} <div class="page-content devtest ui container"> + <div> + <h1>Button</h1> + <div> + Style: + <label><input type="checkbox" name="button-style-compact" value="compact">compact</label> + <label><input type="radio" name="button-style-size" value="">(normal)</label> + <label><input type="radio" name="button-style-size" value="tiny">tiny</label> + <label><input type="radio" name="button-style-size" value="mini">mini</label> + </div> + <div> + State: + <label><input type="checkbox" name="button-state-disabled" value="disabled">disabled</label> + </div> + <div id="devtest-button-samples"> + <div> + <button class="ui primary button">Primary</button> + <button class="ui secondary button">Secondary</button> + <button class="ui basic secondary button">Basic Secondary</button> + <button class="ui red button">Red</button> + <button class="ui basic red button">Basic Red</button> + </div> + <div>This is a <button class="ui button button-ghost">Ghost</button> button</div> + </div> + <script type="module"> + const $buttons = $('#devtest-button-samples').find('button'); + + const $buttonStyles = $('input[name*="button-style"]'); + $buttonStyles.on('click', () => $buttonStyles.map((_ ,el) => $buttons.toggleClass(el.value, el.checked))); + + const $buttonStates = $('input[name*="button-state"]'); + $buttonStates.on('click', () => $buttonStates.map((_ ,el) => $buttons.prop(el.value, el.checked))); + </script> + </div> <div> <h1>Tooltip</h1> |