finn/forgejo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improve button-ghost, remove tertiary button (#24692)

Browse source 
<img width="474" alt="image"
src="7fd231f9-71c3-4769-ba96-37a5b77cf224">

<img width="557" alt="image"
src="c9945f61-39b4-4711-aea8-c34ef1d714c5">

<img width="641" alt="image"
src="691be76e-74fd-420d-9b9e-ba1f3b08e0b4">

And a page to test buttons:

<details>

<img width="451" alt="image"
src="5f61da24-2f36-40ad-a9bb-2205da5f5f04">

</details>

---------

Co-authored-by: Giteabot <teabot@gitea.io>
Co-authored-by: silverwind <me@silverwind.io>
This commit is contained in:
wxiaoguang 2023-05-14 04:38:22 +08:00 • committed by GitHub
parent 3075b99610
commit 8a8b753647
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 50 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

20
web_src/css/base.css
View file

@ -2180,13 +2180,16 @@ a.ui.active.label:hover {
border-left: none;
}
.ui.button.button-ghost {
/* a ghost button can be used as inline text, it doesn't have obvious styles */
.button.button-ghost {
background: transparent;
border: none;
color: inherit;
margin: 0;
padding: 0;
}
.ui.button.button-ghost:hover {
.button.button-ghost:hover {
color: var(--color-primary);
}
@ -2283,19 +2286,6 @@ a.ui.active.label:hover {
border-color: var(--color-secondary-dark-3) !important;
}
.ui.tertiary.button {
color: var(--color-text-light);
border: none;
}
.ui.tertiary.button:hover {
color: var(--color-text);
}
.ui.tertiary.button:focus {
color: var(--color-text-dark);
}
.ui.primary.label,
.ui.primary.labels .label,
.ui.ui.ui.primary.label {

4
web_src/css/user.css
View file

@ -121,10 +121,6 @@
object-fit: contain;
}
.user.notification table button {
padding: 3px 3px 3px 5px;
}
#notification_div .tab.segment {
overflow-x: auto;
}