From 00ec651270aca19cba9a82fa48e6f7137efdfe1f Mon Sep 17 00:00:00 2001 From: silverwind Date: Tue, 24 Nov 2020 20:27:10 +0100 Subject: [PATCH] CSS table fixes (#13692) * CSS table fixes Override the right fomantic selectors. Fixes: https://github.com/go-gitea/gitea/issues/13690 * use flexbox --- templates/repo/wiki/pages.tmpl | 16 +++++++++------- web_src/less/_base.less | 8 ++++++++ web_src/less/themes/theme-arc-green.less | 15 --------------- 3 files changed, 17 insertions(+), 22 deletions(-) diff --git a/templates/repo/wiki/pages.tmpl b/templates/repo/wiki/pages.tmpl index 2c131e0b0f..c3fb412c57 100644 --- a/templates/repo/wiki/pages.tmpl +++ b/templates/repo/wiki/pages.tmpl @@ -2,14 +2,16 @@
{{template "repo/header" .}}
-
- {{.i18n.Tr "repo.wiki.pages"}} - {{if and .CanWriteWiki (not .IsRepositoryMirror)}} -
- {{.i18n.Tr "repo.wiki.new_page_button"}} +

+
+ {{.i18n.Tr "repo.wiki.pages"}}
- {{end}} -

+
+ {{if and .CanWriteWiki (not .IsRepositoryMirror)}} + {{.i18n.Tr "repo.wiki.new_page_button"}} + {{end}} +
+ {{range .Pages}} diff --git a/web_src/less/_base.less b/web_src/less/_base.less index b313e21637..4062471794 100644 --- a/web_src/less/_base.less +++ b/web_src/less/_base.less @@ -229,6 +229,8 @@ a:hover, .ui.table { color: var(--color-text); + background: var(--color-body); + border-color: var(--color-secondary); } .ui.ui.selectable.table > tbody > tr:hover, @@ -237,6 +239,12 @@ a:hover, 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 { background: var(--color-body); } diff --git a/web_src/less/themes/theme-arc-green.less b/web_src/less/themes/theme-arc-green.less index ad3d491942..57b00efe3e 100644 --- a/web_src/less/themes/theme-arc-green.less +++ b/web_src/less/themes/theme-arc-green.less @@ -891,25 +891,10 @@ a.ui.basic.green.label:hover { 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 { color: var(--color-secondary-dark-6) !important; } -.ui.attached.table.segment { - background: #353945; - color: #dbdbdb !important; -} - .markdown:not(code) h2 { border-bottom: 1px solid #304251; }