mirror of
				https://github.com/go-gitea/gitea.git
				synced 2025-11-04 10:44:12 +01: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:
		
							parent
							
								
									ff7341b994
								
							
						
					
					
						commit
						0ae35c66f2
					
				@ -74,7 +74,7 @@
 | 
			
		||||
</div>
 | 
			
		||||
 | 
			
		||||
<div class="ui modal admin" id="detail-modal">
 | 
			
		||||
	<i class="close icon"></i>
 | 
			
		||||
	<i class="close icon inside"></i>
 | 
			
		||||
	<div class="header">{{$.i18n.Tr "admin.notices.view_detail_header"}}</div>
 | 
			
		||||
	<div class="content">
 | 
			
		||||
		<div class="sub header"></div>
 | 
			
		||||
 | 
			
		||||
@ -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;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user