CSS table fixes (#13692)

* CSS table fixes

Override the right fomantic selectors.

Fixes: https://github.com/go-gitea/gitea/issues/13690

* use flexbox
tokarchuk/v1.17
silverwind 4 years ago committed by GitHub
parent 24330f71b6
commit 00ec651270
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 8
      templates/repo/wiki/pages.tmpl
  2. 8
      web_src/less/_base.less
  3. 15
      web_src/less/themes/theme-arc-green.less

@ -2,14 +2,16 @@
<div class="repository wiki pages"> <div class="repository wiki pages">
{{template "repo/header" .}} {{template "repo/header" .}}
<div class="ui container"> <div class="ui container">
<div class="ui header"> <h2 class="ui header df ac sb">
<div>
{{.i18n.Tr "repo.wiki.pages"}} {{.i18n.Tr "repo.wiki.pages"}}
</div>
<div>
{{if and .CanWriteWiki (not .IsRepositoryMirror)}} {{if and .CanWriteWiki (not .IsRepositoryMirror)}}
<div class="ui right">
<a class="ui green small button" href="{{.RepoLink}}/wiki/_new">{{.i18n.Tr "repo.wiki.new_page_button"}}</a> <a class="ui green small button" href="{{.RepoLink}}/wiki/_new">{{.i18n.Tr "repo.wiki.new_page_button"}}</a>
</div>
{{end}} {{end}}
</div> </div>
</h2>
<table class="ui table"> <table class="ui table">
<tbody> <tbody>
{{range .Pages}} {{range .Pages}}

@ -229,6 +229,8 @@ a:hover,
.ui.table { .ui.table {
color: var(--color-text); color: var(--color-text);
background: var(--color-body);
border-color: var(--color-secondary);
} }
.ui.ui.selectable.table > tbody > tr:hover, .ui.ui.selectable.table > tbody > tr:hover,
@ -237,6 +239,12 @@ a:hover,
background-color: var(--color-secondary-alpha-40); background-color: var(--color-secondary-alpha-40);
} }
.ui.ui.ui.ui.table tr.grey:not(.marked),
.ui.ui.table td.grey:not(.marked) {
background: var(--color-body);
color: var(--color-text);
}
.ui.modal { .ui.modal {
background: var(--color-body); background: var(--color-body);
} }

@ -891,25 +891,10 @@ a.ui.basic.green.label:hover {
background-color: #393d4a !important; background-color: #393d4a !important;
} }
.ui.table {
border-color: var(--color-secondary);
background: #353945;
}
.ui.table tbody tr {
border-color: var(--color-secondary);
background: #353945;
}
.ui .text.grey { .ui .text.grey {
color: var(--color-secondary-dark-6) !important; color: var(--color-secondary-dark-6) !important;
} }
.ui.attached.table.segment {
background: #353945;
color: #dbdbdb !important;
}
.markdown:not(code) h2 { .markdown:not(code) h2 {
border-bottom: 1px solid #304251; border-bottom: 1px solid #304251;
} }

Loading…
Cancel
Save