1
1
mirror of https://github.com/go-gitea/gitea synced 2024-12-26 10:34:26 +00:00
gitea/web_src/css/modules
Giteabot b903e2b753
Prevent tab shifting, remove extra margin on fluid pages (#31090) (#31099)
Backport #31090 by @silverwind

1. Extend concept of https://github.com/go-gitea/gitea/pull/29831 to all
tabular menus, there were only three left that weren't already
`<overflow-menu>`.

<img width="634" alt="Screenshot 2024-05-27 at 00 42 16"
src="https://github.com/go-gitea/gitea/assets/115237/d9a7e219-d05e-40a1-9e93-777f9a8a90dd">
<img width="965" alt="Screenshot 2024-05-27 at 00 29 32"
src="https://github.com/go-gitea/gitea/assets/115237/e6ed71b1-11fb-4a74-9adb-af4524286cff">

2. Remove extra padding on `fluid padded` container like for example PR
diff view. The page margin is already correctly sized via
`.ui.container`, so this was just extraneous padding that looked ugly.

Before:
<img width="1351" alt="Screenshot 2024-05-27 at 00 45 11"
src="https://github.com/go-gitea/gitea/assets/115237/4b45fd11-b1b2-4fbb-a618-26eb22be9472">

After:
<img width="1344" alt="Screenshot 2024-05-27 at 00 45 22"
src="https://github.com/go-gitea/gitea/assets/115237/d09593eb-6c7f-45e7-85b6-f0050047004b">

3. Replace `gt-word-break` with `tw-break-anywhere` in issue-title,
fixing overflow.

Before:
<img width="1333" alt="Screenshot 2024-05-27 at 00 50 14"
src="https://github.com/go-gitea/gitea/assets/115237/64d15d04-b456-401e-a972-df636965f0eb">

After:
<img width="1316" alt="Screenshot 2024-05-27 at 00 50 26"
src="https://github.com/go-gitea/gitea/assets/115237/ed1ce830-1408-414b-8263-eeaf773f52c8">

Co-authored-by: silverwind <me@silverwind.io>
2024-05-27 07:41:10 +00:00
..
animations.css Change --border-radius-circle to --border-radius-full (#30936) (#31078) 2024-05-26 13:16:13 +00:00
breadcrumb.css Use unique class for breadcrumb divider (#26524) 2023-08-16 00:08:23 +00:00
button.css Tweak repo buttons on mobile and labeled button border-radius (#30503) 2024-04-16 17:46:12 +02:00
card.css Fix all rounded borders, change affected tab menus to pills (#30707) (#30769) 2024-04-29 21:19:44 +00:00
checkbox.css Fix some UI problems (install/checkbox) (#30854) (#30870) 2024-05-06 06:58:42 +00:00
comment.css Rewrite and restyle reaction selector and enable no-sizzle eslint rule (#30453) 2024-04-14 18:44:11 +08:00
container.css Prevent tab shifting, remove extra margin on fluid pages (#31090) (#31099) 2024-05-27 07:41:10 +00:00
divider.css Pulse page improvements (#30149) 2024-04-14 09:21:16 +00:00
flexcontainer.css Use flex-container for dashboard layout (#30214) 2024-04-14 13:39:11 +02:00
grid.css Restore aligned grid column CSS (#30106) 2024-03-26 15:37:14 +00:00
header.css Pulse page improvements (#30149) 2024-04-14 09:21:16 +00:00
input.css Improve repo button row layout (#30668) (#30839) 2024-05-02 19:38:37 +00:00
label.css Tweak repo buttons on mobile and labeled button border-radius (#30503) 2024-04-16 17:46:12 +02:00
list.css Fix floated list items (#30377) 2024-04-10 10:16:55 +08:00
menu.css Fix border radius on hovered secondary menu (#31089) (#31097) 2024-05-27 07:07:16 +00:00
message.css Various code view improvements (#30014) 2024-03-24 12:14:03 +00:00
modal.css Fix all rounded borders, change affected tab menus to pills (#30707) (#30769) 2024-04-29 21:19:44 +00:00
navbar.css Rework and fix stopwatch (#30732) (#30787) 2024-04-30 21:46:45 +00:00
normalize.css Use line-height: normal by default (#26635) 2023-08-22 10:19:15 +00:00
segment.css Fix rounded border for segment followed by pagination (#30809) (#30818) 2024-05-02 13:06:02 +00:00
select.css add stylelint-stylistic (#25285) 2023-06-17 13:20:32 +00:00
svg.css Prevent SVG shrinking (#25652) 2023-07-04 02:15:06 +00:00
table.css Fix table alignment classes (#30144) 2024-03-27 21:47:40 +00:00
tippy.css Rework and fix stopwatch (#30732) (#30787) 2024-04-30 21:46:45 +00:00
toast.css Remove some unused CSS styles (#26852) 2023-09-01 08:59:38 +02:00