mirror of
https://github.com/go-gitea/gitea
synced 2025-07-22 18:28:37 +00:00
Use a generic markup class to display externally rendered files and diffs (#15735)
* creates and implements generic markup less class * How to give custom CSS to externally rendered html * Clarifies sources of CSS styling of markup * further clarification of sources of markup styling * rename _markdown to _markup * remove defunct import * fix orphaned reference * Update docs/content/doc/advanced/external-renderers.en-us.md * more renames markdown -> markup * do not suggest less customization * add back tokens * fix class whitespace, remove useless if-clause * remove unused csv-data rules * use named exports and rename functions * sort imports Co-authored-by: HarvsG <11440490+HarvsG@users.noreply.github.com> Co-authored-by: techknowlogick <techknowlogick@gitea.io> Co-authored-by: silverwind <me@silverwind.io>
This commit is contained in:
@@ -102,8 +102,8 @@
|
||||
--color-active: #00000014;
|
||||
--color-menu: #ffffff;
|
||||
--color-card: #ffffff;
|
||||
--color-markdown-table-row: #00000008;
|
||||
--color-markdown-code-block: #00000010;
|
||||
--color-markup-table-row: #00000008;
|
||||
--color-markup-code-block: #00000010;
|
||||
--color-button: #ffffff;
|
||||
--color-code-bg: #ffffff;
|
||||
--color-shadow: #00000030;
|
||||
|
@@ -580,7 +580,7 @@
|
||||
border-right-color: var(--color-box-body);
|
||||
}
|
||||
|
||||
.markdown {
|
||||
.markup {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
@@ -1020,7 +1020,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.markdown {
|
||||
.markup {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
@@ -1040,7 +1040,7 @@
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.tab.markdown {
|
||||
.tab.markup {
|
||||
min-height: 5rem;
|
||||
}
|
||||
}
|
||||
@@ -1244,7 +1244,7 @@
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.markdown {
|
||||
.markup {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
@@ -1996,7 +1996,7 @@
|
||||
margin-top: -5px;
|
||||
}
|
||||
|
||||
> .markdown {
|
||||
> .markup {
|
||||
padding: 15px 30px;
|
||||
|
||||
h1,
|
||||
@@ -2991,7 +2991,7 @@ td.blob-excerpt {
|
||||
.webhook-info {
|
||||
padding: 7px 12px;
|
||||
margin: 10px 0;
|
||||
background-color: var(--color-markdown-code-block);
|
||||
background-color: var(--color-markup-code-block);
|
||||
border: 1px solid var(--color-secondary);
|
||||
border-radius: 3px;
|
||||
font-size: 13px;
|
||||
|
@@ -81,7 +81,7 @@
|
||||
.ui.active.tab {
|
||||
padding: .5em;
|
||||
|
||||
&.markdown {
|
||||
&.markup {
|
||||
padding: 1em;
|
||||
min-height: 168px;
|
||||
}
|
||||
@@ -95,7 +95,7 @@
|
||||
border-top: 1px solid var(--color-secondary);
|
||||
padding: 10px 0;
|
||||
|
||||
.markdown-info {
|
||||
.markup-info {
|
||||
display: inline-block;
|
||||
margin: 5px 0;
|
||||
font-size: 12px;
|
||||
|
@@ -28,7 +28,7 @@
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.markdown pre.is-loading,
|
||||
.markup pre.is-loading,
|
||||
.editor-loading.is-loading {
|
||||
height: 12rem;
|
||||
}
|
||||
|
@@ -9,7 +9,8 @@
|
||||
@import "./features/imagediff.less";
|
||||
@import "./features/codeeditor.less";
|
||||
@import "./features/projects.less";
|
||||
@import "./markdown/mermaid.less";
|
||||
@import "./markup/content.less";
|
||||
@import "./markup/mermaid.less";
|
||||
|
||||
@import "./chroma/base.less";
|
||||
@import "./chroma/light.less";
|
||||
@@ -18,7 +19,6 @@
|
||||
@import "_tribute";
|
||||
@import "_font_i18n";
|
||||
@import "_base";
|
||||
@import "_markdown";
|
||||
@import "_home";
|
||||
@import "_install";
|
||||
@import "_form";
|
||||
|
@@ -1,4 +1,4 @@
|
||||
.markdown:not(code) {
|
||||
.markup {
|
||||
overflow: hidden;
|
||||
font-size: 16px;
|
||||
line-height: 1.5 !important;
|
||||
@@ -290,7 +290,7 @@
|
||||
}
|
||||
|
||||
table tr:nth-child(2n) {
|
||||
background-color: var(--color-markdown-table-row);
|
||||
background-color: var(--color-markup-table-row);
|
||||
}
|
||||
|
||||
img {
|
||||
@@ -404,7 +404,7 @@
|
||||
padding: .2em .4em;
|
||||
margin: 0;
|
||||
font-size: 85%;
|
||||
background-color: var(--color-markdown-code-block);
|
||||
background-color: var(--color-markup-code-block);
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
@@ -437,7 +437,7 @@
|
||||
padding: 16px;
|
||||
font-size: 85%;
|
||||
line-height: 1.45;
|
||||
background-color: var(--color-markdown-code-block);
|
||||
background-color: var(--color-markup-code-block);
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
@@ -477,7 +477,7 @@
|
||||
line-height: 10px;
|
||||
color: var(--color-text-light);
|
||||
vertical-align: middle;
|
||||
background-color: var(--color-markdown-code-block);
|
||||
background-color: var(--color-markup-code-block);
|
||||
border: 1px solid var(--color-secondary);
|
||||
border-radius: 3px;
|
||||
box-shadow: inset 0 -1px 0 var(--color-secondary);
|
||||
@@ -523,7 +523,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.markdown-block-error {
|
||||
.markup-block-error {
|
||||
margin-bottom: 0 !important;
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
@@ -534,7 +534,7 @@
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
.markdown-block-error + pre {
|
||||
.markup-block-error + pre {
|
||||
border-top: none !important;
|
||||
margin-top: 0 !important;
|
||||
border-top-left-radius: 0 !important;
|
@@ -97,8 +97,8 @@
|
||||
--color-active: #ffffff16;
|
||||
--color-menu: #2e323e;
|
||||
--color-card: #2e323e;
|
||||
--color-markdown-table-row: #ffffff06;
|
||||
--color-markdown-code-block: #2a2e3a;
|
||||
--color-markup-table-row: #ffffff06;
|
||||
--color-markup-code-block: #2a2e3a;
|
||||
--color-button: #353846;
|
||||
--color-code-bg: #2a2e3a;
|
||||
--color-shadow: #00000060;
|
||||
@@ -301,7 +301,7 @@ a.ui.basic.green.label:hover {
|
||||
& + .editor-preview-side {
|
||||
background: #353945;
|
||||
|
||||
.markdown:not(code).ui.segment {
|
||||
.markup.ui.segment {
|
||||
border-width: 0;
|
||||
}
|
||||
}
|
||||
@@ -754,7 +754,7 @@ img[src$="/img/matrix.svg"] {
|
||||
border-color: #4a4c58 #4a4c58 #d7d7da #d7d7da;
|
||||
}
|
||||
|
||||
.markdown-block-error {
|
||||
.markup-block-error {
|
||||
border: 1px solid rgba(121, 71, 66, .5) !important;
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
Reference in New Issue
Block a user