Highlight hovered line (#3347)

* Highlight hovered line

* Better hover color

* Remove hover border in diffs

* Change bacgkround color

* Fix unrelated syntax errors in css
This commit is contained in:
Frederik Hudák 2020-05-22 10:10:41 +02:00 committed by GitHub
parent aa204c1e8f
commit 5d34284805
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 3 deletions

View File

@ -251,6 +251,11 @@ table.repo_tab {
} }
.repo_tab tr:first-child td { border-top: 0px; } .repo_tab tr:first-child td { border-top: 0px; }
.repo_tab tr:hover {
background-color: rgb(245, 245, 245) !important;
}
/* STAGE */ /* STAGE */
th.stage-status { width: 30px; } th.stage-status { width: 30px; }
@ -280,6 +285,10 @@ input.stage-filter { width: 18em; }
font-weight: bold; font-weight: bold;
} }
.stage_tab tr:hover {
background-color: rgb(245, 245, 245) !important;
}
.stage_tab td.cmd { cursor: pointer; } .stage_tab td.cmd { cursor: pointer; }
.stage_tab td.cmd a { padding: 0px 4px; } .stage_tab td.cmd a { padding: 0px 4px; }
.stage_tab th.cmd a { padding: 0px 4px; } .stage_tab th.cmd a { padding: 0px 4px; }
@ -361,6 +370,7 @@ span.diff_banner {
padding-left: 0.3em; padding-left: 0.3em;
padding-right: 0.3em; padding-right: 0.3em;
} }
div.diff_content { div.diff_content {
border-top: 1px solid; border-top: 1px solid;
border-bottom: 1px solid; border-bottom: 1px solid;

View File

@ -19,7 +19,7 @@
--theme-greyscale-medium: #bfbfbf; --theme-greyscale-medium: #bfbfbf;
--theme-greyscale-light: #CCCCCC; --theme-greyscale-light: #CCCCCC;
--theme-greyscale-lighter: #E5E5E5; --theme-greyscale-lighter: #E5E5E5;
--theme-list-hover-background-color: #666666; --theme-list-hover-background-color: black;
} }
/* GLOBALS */ /* GLOBALS */
@ -43,7 +43,7 @@ div#toc .favorites a { opacity: 1; }
.nav-container ul ul { background-color: #555555; } .nav-container ul ul { background-color: #555555; }
.nav-container ul ul li:hover { background-color: var(--theme-list-hover-background-color); } .nav-container ul ul li:hover { background-color: var(--theme-list-hover-background-color); }
table.repo_tab { table.repo_tab {
border-color: #var(--theme-container-background-color); border-color: var(--theme-container-background-color);
background-color: var(--theme-background-color); background-color: var(--theme-background-color);
} }
@ -66,6 +66,7 @@ div.repo { background-color: var(--theme-container-background-color); }
.repo_tab td { color: var(--theme-primary-font-color); } .repo_tab td { color: var(--theme-primary-font-color); }
.repo_tab tr.unsupported { background-color: #555; } .repo_tab tr.unsupported { background-color: #555; }
.repo_tab tr.modified { background-color: #555; } .repo_tab tr.modified { background-color: #555; }
.repo_tab tr:hover {background-color: var(--theme-list-hover-background-color) !important;}
/* STAGE */ /* STAGE */
.stage_tab { background-color: var(--theme-background-color); } .stage_tab { background-color: var(--theme-background-color); }
@ -79,6 +80,8 @@ div.repo { background-color: var(--theme-container-background-color); }
background-color: var(--theme-background-color); background-color: var(--theme-background-color);
} }
.stage_tab th { background-color: var(--theme-container-background-color); } .stage_tab th { background-color: var(--theme-container-background-color); }
.stage_tab tr:hover {background-color: var(--theme-list-hover-background-color) !important;}
/* COMMIT */ /* COMMIT */
div.form-container { background-color: var(--theme-background-color); } div.form-container { background-color: var(--theme-background-color); }
@ -113,6 +116,6 @@ table.db_tab td { color: var(--theme-primary-font-color); }
table.db_tab td.data { opacity: 0.5; } table.db_tab td.data { opacity: 0.5; }
table.db_tab tbody tr:hover, tr:active { background-color: var(--theme-list-hover-background-color); } table.db_tab tbody tr:hover, tr:active { background-color: var(--theme-list-hover-background-color); }
table.db_tab th { table.db_tab th {
color: var(--theme-primary-font-color); } color: var(--theme-primary-font-color);
border-bottom-color: #333; border-bottom-color: #333;
} }