Fix dropdown icon layout on diff page (#25397)

Address
https://github.com/go-gitea/gitea/pull/25163#issuecomment-1599207916

Remove the unused  "icon-button".

And fix the layout:

Without the dropdown icon:

```
	{{svg "gitea-whitespace"}}
```


![image](58a524ba-f289-4982-aea2-6f9f9f9cbdcf)


With the dropdown icon:

```
	{{svg "gitea-whitespace" 16 "gt-mr-3"}}
	{{svg "octicon-triangle-down" 14 "dropdown icon"}}
```


![image](eb99168b-5d49-40a7-8665-5296cbb4e486)
This commit is contained in:
wxiaoguang 2023-06-21 07:22:48 +08:00 committed by GitHub
parent 35a653d7ed
commit 831db53c21
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 8 additions and 14 deletions

View file

@ -29,12 +29,6 @@
color: var(--color-red);
}
/* try to match button with no icons in height */
.icon-button {
padding-top: 7.42px !important;
padding-bottom: 7.42px !important;
}
/* btn is a plain button without any opinionated styling */
.btn {

View file

@ -1666,8 +1666,9 @@
background-color: var(--color-teal);
}
.repository .diff-detail-box .button {
padding: 8px 12px;
.repository .diff-detail-box .ui.button {
padding: 0 12px;
height: 30px;
}
.repository .diff-box .header:not(.resolved-placeholder) {