@@ -37,7 +37,7 @@ | |||
{{template "repo/diff/comments" dict "root" $ "comments" .comments}} | |||
</ui> | |||
</div> | |||
<div class="gt-df gt-je gt-js-small gt-ac gt-fw gt-mt-3"> | |||
<div class="gt-df gt-je gt-ac gt-fw gt-mt-3"> | |||
<div class="ui buttons gt-mr-2"> | |||
<button class="ui icon tiny basic button previous-conversation"> | |||
{{svg "octicon-arrow-up" 12 "icon"}} {{$.locale.Tr "repo.issues.previous"}} |
@@ -16,13 +16,13 @@ | |||
<div id="captcha" data-captcha-type="h-captcha" class="h-captcha-style" data-sitekey="{{.HcaptchaSitekey}}"></div> | |||
</div> | |||
{{else if eq .CaptchaType "mcaptcha"}} | |||
<div class="inline field gt-df gt-ac gt-db-small captcha-field"> | |||
<span>{{.locale.Tr "captcha"}}</span> | |||
<div class="gt-border-secondary gt-w-100-small" id="mcaptcha__widget-container" style="width: 50%; height: 5em"></div> | |||
<div id="captcha" data-captcha-type="m-captcha" class="m-captcha" data-sitekey="{{.McaptchaSitekey}}" data-instance-url="{{.McaptchaURL}}"></div> | |||
<div class="inline field"> | |||
<label></label> | |||
<div class="m-captcha-style" id="mcaptcha__widget-container"></div> | |||
<div id="captcha" data-captcha-type="m-captcha" data-sitekey="{{.McaptchaSitekey}}" data-instance-url="{{.McaptchaURL}}"></div> | |||
</div> | |||
{{else if eq .CaptchaType "cfturnstile"}} | |||
<div class="inline field captcha-field gt-text-center"> | |||
<div class="inline field gt-text-center"> | |||
<div id="captcha" data-captcha-type="cf-turnstile" data-sitekey="{{.CfTurnstileSitekey}}"></div> | |||
</div> | |||
{{end}}{{end}} |
@@ -179,8 +179,7 @@ textarea:focus, | |||
#create-page-form form .header { | |||
padding-left: 280px !important; | |||
} | |||
#create-page-form form .inline.field > label, | |||
#create-page-form form .inline.field.captcha-field > span { | |||
#create-page-form form .inline.field > label { | |||
text-align: right; | |||
width: 250px !important; | |||
word-wrap: break-word; | |||
@@ -206,6 +205,13 @@ textarea:focus, | |||
} | |||
} | |||
.m-captcha-style { | |||
width: 100%; | |||
height: 5em; | |||
vertical-align: middle; | |||
display: inline-block; | |||
} | |||
@media (min-width: 768px) { | |||
.g-recaptcha-style, | |||
.h-captcha-style { | |||
@@ -219,6 +225,9 @@ textarea:focus, | |||
width: 302px !important; | |||
height: 76px !important; | |||
} | |||
.m-captcha-style { | |||
width: 50%; | |||
} | |||
} | |||
@media (max-height: 575px) { | |||
@@ -271,13 +280,7 @@ textarea:focus, | |||
.user.reset.password form .inline.field > label, | |||
.user.link-account form .inline.field > label, | |||
.user.signin form .inline.field > label, | |||
.user.signup form .inline.field > label, | |||
.user.activate form .inline.field.captcha-field > span, | |||
.user.forgot.password form .inline.field.captcha-field > span, | |||
.user.reset.password form .inline.field.captcha-field > span, | |||
.user.link-account form .inline.field.captcha-field > span, | |||
.user.signin form .inline.field.captcha-field > span, | |||
.user.signup form .inline.field.captcha-field > span { | |||
.user.signup form .inline.field > label { | |||
text-align: right; | |||
width: 250px !important; | |||
word-wrap: break-word; | |||
@@ -421,10 +424,7 @@ textarea:focus, | |||
} | |||
.repository.new.repo form .inline.field > label, | |||
.repository.new.migrate form .inline.field > label, | |||
.repository.new.fork form .inline.field > label, | |||
.repository.new.repo form .inline.field.captcha-field > span, | |||
.repository.new.migrate form .inline.field.captcha-field > span, | |||
.repository.new.fork form .inline.field.captcha-field > span { | |||
.repository.new.fork form .inline.field > label { | |||
text-align: right; | |||
width: 250px !important; | |||
word-wrap: break-word; |
@@ -273,12 +273,6 @@ Gitea's private styles use `g-` prefix. | |||
.gt-font-17 { font-size: 17px !important } | |||
.gt-font-18 { font-size: 18px !important } | |||
@media (max-width: 767.98px) { | |||
.gt-db-small { display: block !important; } | |||
.gt-w-100-small { width: 100% !important; } | |||
.gt-js-small { justify-content: flex-start !important; } | |||
} | |||
/* | |||
gt-hidden must be placed after all other "display: xxx !important" classes to win the chance | |||
do not use: |
@@ -13,8 +13,7 @@ | |||
#create-page-form form .header { | |||
padding-left: 280px !important; | |||
} | |||
#create-page-form form .inline.field > label, | |||
#create-page-form form .inline.field.captcha-field > span { | |||
#create-page-form form .inline.field > label { | |||
text-align: right; | |||
width: 250px !important; | |||
word-wrap: break-word; | |||
@@ -59,8 +58,7 @@ | |||
.organization.new.org form .header { | |||
padding-left: 280px !important; | |||
} | |||
.organization.new.org form .inline.field > label, | |||
.organization.new.org form .inline.field.captcha-field > span { | |||
.organization.new.org form .inline.field > label { | |||
text-align: right; | |||
width: 250px !important; | |||
word-wrap: break-word; |