* CSS tweaks to warning/error segments and misc fixes - Adjust styling for warning/error in arc-green - Change danger boxes from orange to red - Fix code highlight text color in arc-green - Fix warning message in arc-green - Fix border in org member list in arc-green - Fix disabled checkbox text in arc-green * use same selector in gitea theme * fix blame highlight Co-authored-by: zeripath <art27@cantab.net>tags/v1.13.0-rc1
@@ -6,10 +6,10 @@ | |||
{{template "org/settings/navbar" .}} | |||
<div class="twelve wide column content"> | |||
{{template "base/alert" .}} | |||
<h4 class="ui top attached warning header"> | |||
<h4 class="ui top attached error header"> | |||
{{.i18n.Tr "org.settings.delete_account"}} | |||
</h4> | |||
<div class="ui attached warning segment"> | |||
<div class="ui attached error segment"> | |||
<div class="ui red message"> | |||
<p class="text left">{{svg "octicon-alert"}} {{.i18n.Tr "org.settings.delete_prompt" | Str2html}}</p> | |||
</div> |
@@ -414,10 +414,10 @@ | |||
{{end}} | |||
{{if .Permission.IsOwner}} | |||
<h4 class="ui top attached warning header"> | |||
<h4 class="ui top attached error header"> | |||
{{.i18n.Tr "repo.settings.danger_zone"}} | |||
</h4> | |||
<div class="ui attached warning table danger segment"> | |||
<div class="ui attached error table danger segment"> | |||
{{if .Repository.IsMirror}} | |||
<div class="item"> | |||
<div class="ui right"> |
@@ -167,10 +167,10 @@ | |||
</form> | |||
</div> | |||
</div> | |||
<h4 class="ui top attached warning header"> | |||
<h4 class="ui top attached error header"> | |||
{{.i18n.Tr "settings.delete_account"}} | |||
</h4> | |||
<div class="ui attached warning segment"> | |||
<div class="ui attached error segment"> | |||
<div class="ui red message"> | |||
<p class="text left">{{svg "octicon-alert"}} {{.i18n.Tr "settings.delete_prompt" | Str2html}}</p> | |||
</div> |
@@ -476,6 +476,17 @@ code, | |||
vertical-align: middle; | |||
} | |||
.error { | |||
&.header { | |||
background-color: #ffe8e6 !important; | |||
border-color: #db2828; | |||
} | |||
&.segment { | |||
border-color: #db2828; | |||
} | |||
} | |||
.warning { | |||
&.header { | |||
background-color: #f9edbe !important; | |||
@@ -1044,6 +1055,11 @@ i.icon.centerlock { | |||
white-space: pre; | |||
} | |||
.lines-code.active, | |||
.lines-code .active { | |||
background: #fffbdd !important; | |||
} | |||
.blame .lines-num { | |||
padding: 0 !important; | |||
background-color: #f5f5f5; | |||
@@ -1122,11 +1138,6 @@ i.icon.centerlock { | |||
table { | |||
width: 100%; | |||
} | |||
.active { | |||
background: #fffbdd !important; | |||
} | |||
} | |||
.octicon-tiny { |
@@ -683,6 +683,11 @@ a.ui.basic.green.label:hover { | |||
color: #626773; | |||
} | |||
.ui.disabled.checkbox label, | |||
.ui.checkbox input[disabled] ~ label { | |||
color: #9e9e9e; | |||
} | |||
.ui.pagination.menu .active.item { | |||
color: #dbdbdb; | |||
background-color: #87ab63; | |||
@@ -1271,16 +1276,36 @@ input { | |||
color: #9ebcc5; | |||
} | |||
.ui .warning.header { | |||
background-color: #5d3a22 !important; | |||
border-color: #794f31; | |||
.ui .warning.header, | |||
.ui.warning.message { | |||
background-color: #542 !important; | |||
border-color: #ec8; | |||
} | |||
.ui.warning.message { | |||
color: #ec8; | |||
box-shadow: 0 0 0 1px #ec8; | |||
} | |||
.ui.warning.segment { | |||
border-color: #ec8; | |||
} | |||
.ui.red.message, | |||
.ui.error.message { | |||
background-color: rgba(80, 23, 17, .6); | |||
background-color: #522; | |||
color: #f9cbcb; | |||
box-shadow: 0 0 0 1px rgba(121, 71, 66, .5) inset, 0 0 0 0 transparent; | |||
box-shadow: 0 0 0 1px #a04141 inset; | |||
} | |||
.ui .error.header, | |||
.ui.error.message { | |||
background-color: #522 !important; | |||
border-color: #a04141; | |||
} | |||
.ui.error.segment { | |||
border-color: #a04141; | |||
} | |||
.ui.red.button, | |||
@@ -1474,10 +1499,16 @@ a.blob-excerpt:hover { | |||
background: #87ab63; | |||
} | |||
.code-view .lines-code.active { | |||
.lines-code.active, | |||
.lines-code .active { | |||
background: #534d1b !important; | |||
} | |||
.ui.ui.ui.ui.table tr.active, | |||
.ui.ui.table td.active { | |||
color: #dbdbdb; | |||
} | |||
a.ui.label:hover, | |||
a.ui.labels .label:hover { | |||
background-color: #505667 !important; | |||
@@ -1595,6 +1626,8 @@ a.ui.labels .label:hover { | |||
border-color: #634343 !important; | |||
} | |||
.organization.teams .repositories .item:not(:last-child), | |||
.organization.teams .members .item:not(:last-child), | |||
.organization.teams .detail .item:not(:last-child), | |||
.organization.members .list .item { | |||
border-bottom-color: #404552; |