diff options
| author | silverwind <me@silverwind.io> | 2023-05-11 00:27:02 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-05-10 22:27:02 +0000 |
| commit | 67db6b697636221e09536e89ac8600a47f79b5cb (patch) | |
| tree | 44b0de650384c1de8712ca5a7b1a50f28914c310 /web_src | |
| parent | f7ede92f82f7f3ec7bb31a1249f9524e5b728f34 (diff) | |
| download | gitea-67db6b697636221e09536e89ac8600a47f79b5cb.tar.gz gitea-67db6b697636221e09536e89ac8600a47f79b5cb.zip | |
RSS icon fixes (#24476)
Fix regression from https://github.com/go-gitea/gitea/pull/24471 where
CSS rules for `.icon.grey` were removed which were in use by the RSS
icons.
Gave them their own class instead, removed a wrapper and also fixed
vertical alignment on them. Additionally, did a few related fixes on the
org header for alignment.
Fixes: https://github.com/go-gitea/gitea/issues/24584
<img width="196" alt="Screenshot 2023-05-01 at 22 39 40"
src="https://user-images.githubusercontent.com/115237/235528228-959e2385-c1d2-4d5c-baec-e3784d459653.png">
<img width="216" alt="Screenshot 2023-05-01 at 22 44 20"
src="https://user-images.githubusercontent.com/115237/235528231-95cbff86-5672-48eb-b214-8bdcefa1612c.png">
<img width="120" alt="Screenshot 2023-05-01 at 22 56 36"
src="https://user-images.githubusercontent.com/115237/235529844-b94ab554-3259-4d0c-b040-82aed7d1a111.png">
<img width="372" alt="Screenshot 2023-05-01 at 22 54 25"
src="https://user-images.githubusercontent.com/115237/235529744-1a9c201b-5692-4122-9765-2f201a322a9e.png">
<img width="477" alt="Screenshot 2023-05-01 at 22 55 28"
src="https://user-images.githubusercontent.com/115237/235529748-62188554-9927-42ef-bc94-7052bce266e2.png">
---------
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
Diffstat (limited to 'web_src')
| -rw-r--r-- | web_src/css/base.css | 6 | ||||
| -rw-r--r-- | web_src/css/organization.css | 5 | ||||
| -rw-r--r-- | web_src/js/components/RepoBranchTagSelector.vue | 2 |
3 files changed, 7 insertions, 6 deletions
diff --git a/web_src/css/base.css b/web_src/css/base.css index c33acbe9c4..aa86d140fe 100644 --- a/web_src/css/base.css +++ b/web_src/css/base.css @@ -364,6 +364,12 @@ a.label, text-decoration: none !important; } +/* for most cases, we only use our svg icon as inline icon, so we need to make them inline-block and vertical-align: middle */ +svg.svg { + display: inline-block; + vertical-align: middle; +} + .ui.red.labels .label, .ui.ui.ui.red.label, .ui.red.button, diff --git a/web_src/css/organization.css b/web_src/css/organization.css index 25d4940fe5..1b10ba157e 100644 --- a/web_src/css/organization.css +++ b/web_src/css/organization.css @@ -112,11 +112,6 @@ margin-bottom: 0; } -.organization.profile #org-info .ui.header .org-visibility .label { - margin-left: 5px; - margin-top: 2px; -} - .organization.profile #org-info .desc { font-size: 16px; margin-bottom: 10px; diff --git a/web_src/js/components/RepoBranchTagSelector.vue b/web_src/js/components/RepoBranchTagSelector.vue index 38a375aa85..f02918da9a 100644 --- a/web_src/js/components/RepoBranchTagSelector.vue +++ b/web_src/js/components/RepoBranchTagSelector.vue @@ -39,7 +39,7 @@ <div class="scrolling menu" ref="scrollContainer"> <div v-for="(item, index) in filteredItems" :key="item.name" class="item" :class="{selected: item.selected, active: active === index}" @click="selectItem(item)" :ref="'listItem' + index"> {{ item.name }} - <a v-if="enableFeed && mode === 'branches'" role="button" class="ui compact muted right" :href="rssURLPrefix + item.url" target="_blank" @click.stop> + <a v-if="enableFeed && mode === 'branches'" role="button" class="ui compact right muted" :href="rssURLPrefix + item.url" target="_blank" @click.stop> <svg-icon name="octicon-rss" :size="14"/> </a> </div> |