mirror of
				https://github.com/go-gitea/gitea.git
				synced 2025-10-31 21:28:11 +09:00 
			
		
		
		
	Various style fixes (#13534)
* Various style fixes - Fix the rest of the monochrome borders for arc-green - Fix close icon position on system notice modal and padding - Fix selectable table color for arc-green * proper fix for close icon Co-authored-by: Lauris BH <lauris@nix.lv>
This commit is contained in:
		| @@ -1,5 +1,7 @@ | ||||
| .admin { | ||||
|   padding-top: 15px; | ||||
|   &.notice { | ||||
|     padding-top: 15px; | ||||
|   } | ||||
|  | ||||
|   .table.segment { | ||||
|     padding: 0; | ||||
|   | ||||
| @@ -205,6 +205,29 @@ a:hover, | ||||
|   border-color: var(--color-secondary); | ||||
| } | ||||
|  | ||||
| .ui.table { | ||||
|   color: var(--color-text); | ||||
| } | ||||
|  | ||||
| .ui.ui.selectable.table > tbody > tr:hover, | ||||
| .ui.table tbody tr td.selectable:hover { | ||||
|   color: var(--color-text); | ||||
|   background-color: var(--color-secondary-alpha-40); | ||||
| } | ||||
|  | ||||
| .ui.modal { | ||||
|   background: var(--color-body); | ||||
| } | ||||
|  | ||||
| .ui.modal > .close.inside, | ||||
| .ui.fullscreen.modal > .close { | ||||
|   color: var(--body-color); | ||||
| } | ||||
|  | ||||
| .ui.basic.table > tbody > tr { | ||||
|   border-color: var(--color-secondary); | ||||
| } | ||||
|  | ||||
| .dont-break-out { | ||||
|   overflow-wrap: break-word; | ||||
|   word-wrap: break-word; | ||||
|   | ||||
| @@ -22,7 +22,7 @@ | ||||
|     padding-bottom: 25px; | ||||
|  | ||||
|     &:not(:first-child) { | ||||
|       border-top: 1px solid #eeeeee; | ||||
|       border-top: 1px solid var(--color-secondary); | ||||
|       padding-top: 25px; | ||||
|     } | ||||
|  | ||||
| @@ -83,7 +83,7 @@ | ||||
|     padding-bottom: 25px; | ||||
|  | ||||
|     &:not(:first-child) { | ||||
|       border-top: 1px solid #eeeeee; | ||||
|       border-top: 1px solid var(--color-secondary); | ||||
|       padding-top: 25px; | ||||
|     } | ||||
|  | ||||
| @@ -98,14 +98,6 @@ | ||||
|       .svg:not(:first-child) { | ||||
|         margin-left: 5px; | ||||
|       } | ||||
|  | ||||
|       a { | ||||
|         color: #333333; | ||||
|  | ||||
|         &:hover { | ||||
|           text-decoration: underline; | ||||
|         } | ||||
|       } | ||||
|     } | ||||
|   } | ||||
| } | ||||
|   | ||||
| @@ -1070,10 +1070,10 @@ | ||||
|               margin: 5px; | ||||
|               padding: 5px; | ||||
|               height: 150px; | ||||
|               border: solid 1px #eeeeee; | ||||
|               border: solid 1px var(--color-secondary); | ||||
|               border-radius: 3px; | ||||
|               max-width: 150px; | ||||
|               background-color: #ffffff; | ||||
|               background-color: var(--color-body); | ||||
|  | ||||
|               &::before { | ||||
|                 content: ' '; | ||||
| @@ -1962,14 +1962,14 @@ | ||||
|  | ||||
|             .list { | ||||
|               padding-left: 0; | ||||
|               border-top: 1px solid #eeeeee; | ||||
|               border-top: 1px solid var(--color-secondary); | ||||
|  | ||||
|               li { | ||||
|                 list-style: none; | ||||
|                 display: block; | ||||
|                 padding-top: 8px; | ||||
|                 padding-bottom: 8px; | ||||
|                 border-bottom: 1px solid #eeeeee; | ||||
|                 border-bottom: 1px solid var(--color-secondary); | ||||
|  | ||||
|                 a > .text.right { | ||||
|                   margin-right: 5px; | ||||
| @@ -2177,7 +2177,7 @@ | ||||
|         } | ||||
|  | ||||
|         .item { | ||||
|           border: 1px solid #eaeaea; | ||||
|           border: 1px solid var(--color-secondary); | ||||
|           padding: 10px 15px; | ||||
|  | ||||
|           &:not(:last-child) { | ||||
| @@ -2748,7 +2748,7 @@ | ||||
|       } | ||||
|  | ||||
|       &:not(:first-child) { | ||||
|         border-top: 1px solid #eaeaea; | ||||
|         border-top: 1px solid var(--color-secondary); | ||||
|         padding: 1rem; | ||||
|         margin: 15px -1rem -1rem; | ||||
|       } | ||||
|   | ||||
| @@ -29,7 +29,7 @@ | ||||
|             list-style: none; | ||||
|  | ||||
|             &:not(:last-child) { | ||||
|               border-bottom: 1px solid #eaeaea; | ||||
|               border-bottom: 1px solid var(--color-secondary); | ||||
|             } | ||||
|  | ||||
|             .svg, | ||||
|   | ||||
| @@ -710,7 +710,7 @@ a.ui.basic.green.label:hover { | ||||
| } | ||||
|  | ||||
| .ui.pagination.menu .active.item { | ||||
|   color: #dbdbdb; | ||||
|   color: #fff; | ||||
|   background-color: #87ab63; | ||||
| } | ||||
|  | ||||
| @@ -870,7 +870,6 @@ a.ui.basic.green.label:hover { | ||||
| } | ||||
|  | ||||
| .ui.table { | ||||
|   color: #a5a5a5 !important; | ||||
|   border-color: var(--color-secondary); | ||||
|   background: #353945; | ||||
| } | ||||
| @@ -1020,10 +1019,6 @@ a.ui.basic.green.label:hover { | ||||
| .repository.view.issue .comment-list .comment .content { | ||||
|   > .bottom.segment { | ||||
|     background: #353945; | ||||
|     a { | ||||
|       border-color: var(--color-secondary); | ||||
|       background-color: #353945; | ||||
|     } | ||||
|   } | ||||
|  | ||||
|   .header { | ||||
| @@ -1180,10 +1175,6 @@ td.blob-hunk { | ||||
|   border: 1px solid #333640; | ||||
| } | ||||
|  | ||||
| .ui.repository.list .item:not(:first-child) { | ||||
|   border-top: 1px solid var(--color-secondary); | ||||
| } | ||||
|  | ||||
| .ui.selection.active.dropdown, | ||||
| .ui.selection.active.dropdown:hover, | ||||
| .ui.selection.active.dropdown .menu, | ||||
| @@ -1236,10 +1227,6 @@ td.blob-hunk { | ||||
|   color: #dbdbdb; | ||||
| } | ||||
|  | ||||
| .ui.user.list .item:not(:first-child) { | ||||
|   border-top: 1px solid var(--color-secondary); | ||||
| } | ||||
|  | ||||
| .ui.secondary.pointing.menu .active.item:hover { | ||||
|   color: #dbdbdb; | ||||
| } | ||||
| @@ -1254,10 +1241,6 @@ td.blob-hunk { | ||||
|   background: #2c303a; | ||||
| } | ||||
|  | ||||
| .user.settings .email.list .item:not(:first-child) { | ||||
|   border-top: 1px solid #3f4451; | ||||
| } | ||||
|  | ||||
| .explore .navbar { | ||||
|   background-color: #2a2e3a !important; | ||||
| } | ||||
| @@ -1273,10 +1256,6 @@ td.blob-hunk { | ||||
|   } | ||||
| } | ||||
|  | ||||
| .settings .key.list .item:not(:first-child) { | ||||
|   border-top: 1px solid var(--color-secondary); | ||||
| } | ||||
|  | ||||
| .ui.attached.info.message, | ||||
| .ui.info.message { | ||||
|   box-shadow: 0 0 0 1px #4b5e71 inset, 0 0 0 0 transparent; | ||||
| @@ -1358,10 +1337,6 @@ td.blob-hunk { | ||||
|   box-shadow: 0 0 0 1px rgba(121, 71, 66, .5) inset, 0 0 0 0 transparent; | ||||
| } | ||||
|  | ||||
| .user.profile .ui.card .extra.content ul li:not(:last-child) { | ||||
|   border-bottom: 1px solid var(--color-secondary); | ||||
| } | ||||
|  | ||||
| .ui.form .dropzone { | ||||
|   border: 1px dashed var(--color-secondary); | ||||
|   background-color: #2e323e; | ||||
| @@ -1391,10 +1366,6 @@ td.blob-hunk { | ||||
|   color: var(--color-secondary-dark-6); | ||||
| } | ||||
|  | ||||
| .ui.user.list .item .description a { | ||||
|   color: #668cb1; | ||||
| } | ||||
|  | ||||
| .repository.file.list #repo-files-table tbody .svg.octicon-file-directory, | ||||
| .repository.file.list #repo-files-table tbody .svg.octicon-file-submodule { | ||||
|   color: #7c9b5e; | ||||
| @@ -1600,7 +1571,7 @@ a.ui.labels .label:hover { | ||||
|  | ||||
| .ui.modal > .actions { | ||||
|   background: var(--color-secondary); | ||||
|   border-top: 1px solid var(--color-secondary); | ||||
|   border-color: var(--color-secondary); | ||||
| } | ||||
|  | ||||
| .ui.modal > .content { | ||||
| @@ -1834,14 +1805,6 @@ footer .container .links > * { | ||||
|   border-color: #383c4a; | ||||
| } | ||||
|  | ||||
| .repository.release #release-list > li .detail .download .list { | ||||
|   border-top-color: var(--color-secondary); | ||||
| } | ||||
|  | ||||
| .repository.release #release-list > li .detail .download .list li { | ||||
|   border-bottom-color: var(--color-secondary); | ||||
| } | ||||
|  | ||||
| .board-column { | ||||
|   background-color: rgba(0, 0, 0, .2) !important; | ||||
| } | ||||
|   | ||||
		Reference in New Issue
	
	Block a user