mirror of
https://github.com/go-gitea/gitea
synced 2024-08-20 17:24:51 +02:00
Clarify "text-align" CSS helpers, fix clone button padding (#25763)
Changes: * Rename gt-tl/gt-tc/gt-tr to gt-text-left/gt-text-center/gt-text-right * The gt-ab and gt-br-0 are removed because they are not needed anymore * Fix the clone dropdown button padding by ":not(.icon)" Before: <details> ![image](https://github.com/go-gitea/gitea/assets/2114189/eb030633-622c-4ca7-8e88-ce010d9f51a6) </details> After: <details> ![image](https://github.com/go-gitea/gitea/assets/2114189/64c09403-bf21-439c-88f1-780b34ccab6b) </details> Fixes #25758 Co-authored-by: Giteabot <teabot@gitea.io>
This commit is contained in:
parent
62f3c0fe76
commit
cc00fd50f3
|
@ -1,5 +1,5 @@
|
||||||
{{if .CanWriteProjects}}
|
{{if .CanWriteProjects}}
|
||||||
<div class="gt-tr">
|
<div class="gt-text-right">
|
||||||
<a class="ui small green button" href="{{$.Link}}/new">{{.locale.Tr "repo.projects.new"}}</a>
|
<a class="ui small green button" href="{{$.Link}}/new">{{.locale.Tr "repo.projects.new"}}</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="divider"></div>
|
<div class="divider"></div>
|
||||||
|
|
|
@ -9,7 +9,7 @@
|
||||||
SSH
|
SSH
|
||||||
</button>
|
</button>
|
||||||
{{end}}
|
{{end}}
|
||||||
<input id="repo-clone-url" size="20" class="js-clone-url gt-br-0" value="{{$.CloneButtonOriginLink.HTTPS}}" readonly>
|
<input id="repo-clone-url" size="20" class="js-clone-url" value="{{$.CloneButtonOriginLink.HTTPS}}" readonly>
|
||||||
<button class="ui basic small compact icon button" id="clipboard-btn" data-tooltip-content="{{.locale.Tr "copy_url"}}" data-clipboard-target="#repo-clone-url" aria-label="{{.locale.Tr "copy_url"}}">
|
<button class="ui basic small compact icon button" id="clipboard-btn" data-tooltip-content="{{.locale.Tr "copy_url"}}" data-clipboard-target="#repo-clone-url" aria-label="{{.locale.Tr "copy_url"}}">
|
||||||
{{svg "octicon-copy" 14}}
|
{{svg "octicon-copy" 14}}
|
||||||
</button>
|
</button>
|
||||||
|
|
|
@ -189,7 +189,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{{if .Commit.Signature}}
|
{{if .Commit.Signature}}
|
||||||
<div class="ui bottom attached message gt-tl gt-df gt-ac gt-sb commit-header-row gt-fw {{$class}}">
|
<div class="ui bottom attached message gt-text-left gt-df gt-ac gt-sb commit-header-row gt-fw {{$class}}">
|
||||||
<div class="gt-df gt-ac">
|
<div class="gt-df gt-ac">
|
||||||
{{if .Verification.Verified}}
|
{{if .Verification.Verified}}
|
||||||
{{if ne .Verification.SigningUser.ID 0}}
|
{{if ne .Verification.SigningUser.ID 0}}
|
||||||
|
|
|
@ -121,7 +121,7 @@
|
||||||
<div class="header">
|
<div class="header">
|
||||||
{{$.locale.Tr "repo.already_forked" .Name}}
|
{{$.locale.Tr "repo.already_forked" .Name}}
|
||||||
</div>
|
</div>
|
||||||
<div class="content gt-tl">
|
<div class="content gt-text-left">
|
||||||
<div class="ui list">
|
<div class="ui list">
|
||||||
{{range $.UserAndOrgForks}}
|
{{range $.UserAndOrgForks}}
|
||||||
<div class="ui item gt-py-3">
|
<div class="ui item gt-py-3">
|
||||||
|
|
|
@ -16,10 +16,10 @@
|
||||||
{{svg (printf "gitea-%s" .Name) 184}}
|
{{svg (printf "gitea-%s" .Name) 184}}
|
||||||
{{end}}
|
{{end}}
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="header gt-tc">
|
<div class="header gt-text-center">
|
||||||
{{.Title}}
|
{{.Title}}
|
||||||
</div>
|
</div>
|
||||||
<div class="description gt-tc">
|
<div class="description gt-text-center">
|
||||||
{{(printf "repo.migrate.%s.description" .Name) | $.locale.Tr}}
|
{{(printf "repo.migrate.%s.description" .Name) | $.locale.Tr}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
{{if .EscapeStatus}}
|
{{if .EscapeStatus}}
|
||||||
{{if .EscapeStatus.HasInvisible}}
|
{{if .EscapeStatus.HasInvisible}}
|
||||||
<div class="ui error message unicode-escape-prompt gt-tl">
|
<div class="ui error message unicode-escape-prompt gt-text-left">
|
||||||
<button class="close icon hide-panel button" data-panel-closest=".message">{{svg "octicon-x" 16 "close inside"}}</button>
|
<button class="close icon hide-panel button" data-panel-closest=".message">{{svg "octicon-x" 16 "close inside"}}</button>
|
||||||
<div class="header">
|
<div class="header">
|
||||||
{{$.root.locale.Tr "repo.invisible_runes_header"}}
|
{{$.root.locale.Tr "repo.invisible_runes_header"}}
|
||||||
|
@ -11,7 +11,7 @@
|
||||||
{{end}}
|
{{end}}
|
||||||
</div>
|
</div>
|
||||||
{{else if .EscapeStatus.HasAmbiguous}}
|
{{else if .EscapeStatus.HasAmbiguous}}
|
||||||
<div class="ui warning message unicode-escape-prompt gt-tl">
|
<div class="ui warning message unicode-escape-prompt gt-text-left">
|
||||||
<button class="close icon hide-panel button" data-panel-closest=".message">{{svg "octicon-x" 16 "close inside"}}</button>
|
<button class="close icon hide-panel button" data-panel-closest=".message">{{svg "octicon-x" 16 "close inside"}}</button>
|
||||||
<div class="header">
|
<div class="header">
|
||||||
{{$.root.locale.Tr "repo.ambiguous_runes_header"}}
|
{{$.root.locale.Tr "repo.ambiguous_runes_header"}}
|
||||||
|
|
|
@ -22,7 +22,7 @@
|
||||||
<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" class="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-tc">
|
<div class="inline field captcha-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}}
|
||||||
|
|
|
@ -8,10 +8,6 @@ Gitea's private styles use `g-` prefix.
|
||||||
.gt-dif { display: inline-flex !important; }
|
.gt-dif { display: inline-flex !important; }
|
||||||
.gt-dib { display: inline-block !important; }
|
.gt-dib { display: inline-block !important; }
|
||||||
.gt-ac { align-items: center !important; }
|
.gt-ac { align-items: center !important; }
|
||||||
.gt-ab { align-items: baseline !important; }
|
|
||||||
.gt-tc { text-align: center !important; }
|
|
||||||
.gt-tl { text-align: left !important; }
|
|
||||||
.gt-tr { text-align: right !important; } /* TODO: rename these to "gt-text-right", etc. there are only a few */
|
|
||||||
.gt-jc { justify-content: center !important; }
|
.gt-jc { justify-content: center !important; }
|
||||||
.gt-js { justify-content: flex-start !important; }
|
.gt-js { justify-content: flex-start !important; }
|
||||||
.gt-je { justify-content: flex-end !important; }
|
.gt-je { justify-content: flex-end !important; }
|
||||||
|
@ -22,7 +18,6 @@ Gitea's private styles use `g-` prefix.
|
||||||
.gt-vm { vertical-align: middle !important; }
|
.gt-vm { vertical-align: middle !important; }
|
||||||
.gt-w-100 { width: 100% !important; }
|
.gt-w-100 { width: 100% !important; }
|
||||||
.gt-h-100 { height: 100% !important; }
|
.gt-h-100 { height: 100% !important; }
|
||||||
.gt-br-0 { border-radius: 0 !important; }
|
|
||||||
|
|
||||||
.gt-mono {
|
.gt-mono {
|
||||||
font-family: var(--fonts-monospace) !important;
|
font-family: var(--fonts-monospace) !important;
|
||||||
|
@ -90,6 +85,10 @@ Gitea's private styles use `g-` prefix.
|
||||||
.gt-float-right { float: right !important; }
|
.gt-float-right { float: right !important; }
|
||||||
.gt-clear-both { clear: both !important; }
|
.gt-clear-both { clear: both !important; }
|
||||||
|
|
||||||
|
.gt-text-center { text-align: center !important; }
|
||||||
|
.gt-text-left { text-align: left !important; }
|
||||||
|
.gt-text-right { text-align: right !important; }
|
||||||
|
|
||||||
.gt-font-light { font-weight: var(--font-weight-light) !important; }
|
.gt-font-light { font-weight: var(--font-weight-light) !important; }
|
||||||
.gt-font-normal { font-weight: var(--font-weight-normal) !important; }
|
.gt-font-normal { font-weight: var(--font-weight-normal) !important; }
|
||||||
.gt-font-medium { font-weight: var(--font-weight-medium) !important; }
|
.gt-font-medium { font-weight: var(--font-weight-medium) !important; }
|
||||||
|
|
|
@ -190,6 +190,7 @@
|
||||||
|
|
||||||
.repository #clone-panel #repo-clone-url {
|
.repository #clone-panel #repo-clone-url {
|
||||||
width: 320px;
|
width: 320px;
|
||||||
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 768px) and (max-width: 991.98px) {
|
@media (min-width: 768px) and (max-width: 991.98px) {
|
||||||
|
@ -2655,7 +2656,7 @@
|
||||||
height: 30px;
|
height: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.repo-button-row .button.dropdown {
|
.repo-button-row .button.dropdown:not(.icon) {
|
||||||
padding-right: 22px !important; /* normal buttons have !important paddings, so we need to override it for dropdown (Add File) icons */
|
padding-right: 22px !important; /* normal buttons have !important paddings, so we need to override it for dropdown (Add File) icons */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -237,7 +237,7 @@ export function initGlobalDropzone() {
|
||||||
// Create a "Copy Link" element, to conveniently copy the image
|
// Create a "Copy Link" element, to conveniently copy the image
|
||||||
// or file link as Markdown to the clipboard
|
// or file link as Markdown to the clipboard
|
||||||
const copyLinkElement = document.createElement('div');
|
const copyLinkElement = document.createElement('div');
|
||||||
copyLinkElement.className = 'gt-tc';
|
copyLinkElement.className = 'gt-text-center';
|
||||||
// The a element has a hardcoded cursor: pointer because the default is overridden by .dropzone
|
// The a element has a hardcoded cursor: pointer because the default is overridden by .dropzone
|
||||||
copyLinkElement.innerHTML = `<a href="#" style="cursor: pointer;">${svg('octicon-copy', 14, 'copy link')} Copy link</a>`;
|
copyLinkElement.innerHTML = `<a href="#" style="cursor: pointer;">${svg('octicon-copy', 14, 'copy link')} Copy link</a>`;
|
||||||
copyLinkElement.addEventListener('click', (e) => {
|
copyLinkElement.addEventListener('click', (e) => {
|
||||||
|
|
|
@ -24,7 +24,7 @@ function showContentHistoryDetail(issueBaseUrl, commentId, historyId, itemTitleH
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="comment-diff-data gt-tl gt-p-3 is-loading"></div>
|
<div class="comment-diff-data gt-text-left gt-p-3 is-loading"></div>
|
||||||
</div>`);
|
</div>`);
|
||||||
$dialog.appendTo($('body'));
|
$dialog.appendTo($('body'));
|
||||||
$dialog.find('.dialog-header-options').dropdown({
|
$dialog.find('.dialog-header-options').dropdown({
|
||||||
|
|
Loading…
Reference in a new issue