forked from forgejo/forgejo
Modify width of ui container, fine tune css for settings pages and org header (#24315)
Close #24302 Part of #24229, Follows #24246 This PR focused on CSS style fine-tune, main changes: 1. Give `.ui.ui.ui.container` a width of `1280px` with a max-width of `calc(100vw - 64px)`, so the main contents looks better on large devices. 2. Share styles for table elements in all levels settings pages to fix overflow of runners table on mobile and for consistency (The headers on mobile can be further improved, but haven't found a proper way yet). 3. Use [stackable grid](https://fomantic-ui.com/collections/grid.html#stackable) and [device column width](https://fomantic-ui.com/examples/responsive.html) for responsiveness for some pages (repo/org collaborators settings pages, org teams related page) 4. Fixed #24302 by sharing label related CSS in reporg.css 5. Fine tune repo tags settings page --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
This commit is contained in:
parent
58caf422e6
commit
f1a4330306
20 changed files with 122 additions and 143 deletions
|
@ -1,5 +1,5 @@
|
|||
{{template "org/settings/layout_head" (dict "ctxData" . "pageClass" "organization settings runners")}}
|
||||
<div class="org-setting-content">
|
||||
{{template "shared/actions/runner_list" .}}
|
||||
</div>
|
||||
<div class="org-setting-content">
|
||||
{{template "shared/actions/runner_list" .}}
|
||||
</div>
|
||||
{{template "org/settings/layout_footer" .}}
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
{{template "org/header" .}}
|
||||
<div class="ui container">
|
||||
{{template "base/alert" .}}
|
||||
<div class="ui grid">
|
||||
<div class="ui stackable grid">
|
||||
{{template "org/team/sidebar" .}}
|
||||
<div class="ui ten wide column">
|
||||
{{template "org/team/navbar" .}}
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
{{template "org/header" .}}
|
||||
<div class="ui container">
|
||||
{{template "base/alert" .}}
|
||||
<div class="ui grid">
|
||||
<div class="ui stackable grid">
|
||||
{{template "org/team/sidebar" .}}
|
||||
<div class="ui ten wide column">
|
||||
{{template "org/team/navbar" .}}
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
<div class="ui divider"></div>
|
||||
{{end}}
|
||||
|
||||
<div class="ui two column grid">
|
||||
<div class="ui two column stackable grid">
|
||||
{{range .Teams}}
|
||||
<div class="column">
|
||||
<div class="ui top attached header">
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue