Remove incorrect CSS helper classes (#26712)

This commit is contained in:
wxiaoguang 2023-08-25 14:47:59 +08:00 committed by GitHub
parent 636b6eaf2a
commit ee9e83b230
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 21 additions and 29 deletions

View File

@ -37,7 +37,7 @@
{{template "repo/diff/comments" dict "root" $ "comments" .comments}} {{template "repo/diff/comments" dict "root" $ "comments" .comments}}
</ui> </ui>
</div> </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"> <div class="ui buttons gt-mr-2">
<button class="ui icon tiny basic button previous-conversation"> <button class="ui icon tiny basic button previous-conversation">
{{svg "octicon-arrow-up" 12 "icon"}} {{$.locale.Tr "repo.issues.previous"}} {{svg "octicon-arrow-up" 12 "icon"}} {{$.locale.Tr "repo.issues.previous"}}

View File

@ -16,13 +16,13 @@
<div id="captcha" data-captcha-type="h-captcha" class="h-captcha-style" data-sitekey="{{.HcaptchaSitekey}}"></div> <div id="captcha" data-captcha-type="h-captcha" class="h-captcha-style" data-sitekey="{{.HcaptchaSitekey}}"></div>
</div> </div>
{{else if eq .CaptchaType "mcaptcha"}} {{else if eq .CaptchaType "mcaptcha"}}
<div class="inline field gt-df gt-ac gt-db-small captcha-field"> <div class="inline field">
<span>{{.locale.Tr "captcha"}}</span> <label></label>
<div class="gt-border-secondary gt-w-100-small" id="mcaptcha__widget-container" style="width: 50%; height: 5em"></div> <div class="m-captcha-style" id="mcaptcha__widget-container"></div>
<div id="captcha" data-captcha-type="m-captcha" class="m-captcha" data-sitekey="{{.McaptchaSitekey}}" data-instance-url="{{.McaptchaURL}}"></div> <div id="captcha" data-captcha-type="m-captcha" data-sitekey="{{.McaptchaSitekey}}" data-instance-url="{{.McaptchaURL}}"></div>
</div> </div>
{{else if eq .CaptchaType "cfturnstile"}} {{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 id="captcha" data-captcha-type="cf-turnstile" data-sitekey="{{.CfTurnstileSitekey}}"></div>
</div> </div>
{{end}}{{end}} {{end}}{{end}}

View File

@ -179,8 +179,7 @@ textarea:focus,
#create-page-form form .header { #create-page-form form .header {
padding-left: 280px !important; padding-left: 280px !important;
} }
#create-page-form form .inline.field > label, #create-page-form form .inline.field > label {
#create-page-form form .inline.field.captcha-field > span {
text-align: right; text-align: right;
width: 250px !important; width: 250px !important;
word-wrap: break-word; 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) { @media (min-width: 768px) {
.g-recaptcha-style, .g-recaptcha-style,
.h-captcha-style { .h-captcha-style {
@ -219,6 +225,9 @@ textarea:focus,
width: 302px !important; width: 302px !important;
height: 76px !important; height: 76px !important;
} }
.m-captcha-style {
width: 50%;
}
} }
@media (max-height: 575px) { @media (max-height: 575px) {
@ -271,13 +280,7 @@ textarea:focus,
.user.reset.password form .inline.field > label, .user.reset.password form .inline.field > label,
.user.link-account form .inline.field > label, .user.link-account form .inline.field > label,
.user.signin form .inline.field > label, .user.signin form .inline.field > label,
.user.signup 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 {
text-align: right; text-align: right;
width: 250px !important; width: 250px !important;
word-wrap: break-word; word-wrap: break-word;
@ -421,10 +424,7 @@ textarea:focus,
} }
.repository.new.repo form .inline.field > label, .repository.new.repo form .inline.field > label,
.repository.new.migrate form .inline.field > label, .repository.new.migrate form .inline.field > label,
.repository.new.fork 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 {
text-align: right; text-align: right;
width: 250px !important; width: 250px !important;
word-wrap: break-word; word-wrap: break-word;

View File

@ -273,12 +273,6 @@ Gitea's private styles use `g-` prefix.
.gt-font-17 { font-size: 17px !important } .gt-font-17 { font-size: 17px !important }
.gt-font-18 { font-size: 18px !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 gt-hidden must be placed after all other "display: xxx !important" classes to win the chance
do not use: do not use:

View File

@ -13,8 +13,7 @@
#create-page-form form .header { #create-page-form form .header {
padding-left: 280px !important; padding-left: 280px !important;
} }
#create-page-form form .inline.field > label, #create-page-form form .inline.field > label {
#create-page-form form .inline.field.captcha-field > span {
text-align: right; text-align: right;
width: 250px !important; width: 250px !important;
word-wrap: break-word; word-wrap: break-word;
@ -59,8 +58,7 @@
.organization.new.org form .header { .organization.new.org form .header {
padding-left: 280px !important; padding-left: 280px !important;
} }
.organization.new.org form .inline.field > label, .organization.new.org form .inline.field > label {
.organization.new.org form .inline.field.captcha-field > span {
text-align: right; text-align: right;
width: 250px !important; width: 250px !important;
word-wrap: break-word; word-wrap: break-word;