fedi/forgejo
1
0
Fork 0
mirror of https://codeberg.org/forgejo/forgejo.git synced 2024-11-10 09:09:02 +00:00
Code Issues Packages Projects Releases Wiki Activity
forgejo/web_src/less/_editor.less

85 lines
1.7 KiB
Plaintext
Raw Normal View History

Update JS dependencies and misc tweaks (#13741) * Update JS dependencies and misc tweaks - Update all JS dependencies minus webpack - Adapt CodeMirrors styling to new CSS parent introduced by EasyMDE - Set eslint parser to latest and add new eslint 7.14 rule - Speed up npm install by disabling audit and fund checks - Move fomantic-ui to optional dependencies to further speed up npm - Enable syntax highlighting on GH for .eslintrc and .stylelintrc - Makefile cleanups * disable audit in npmrc * add missing dash Co-authored-by: techknowlogick <techknowlogick@gitea.io>
2020-11-29 21:39:36 +00:00
.EasyMDEContainer .CodeMirror {
color: var(--color-input-text);
background-color: var(--color-input-background);
border-color: var(--color-secondary);
Use CSS Variables for fonts, remove postcss-loader (#13204) * Use CSS Variables for fonts, remove postcss-loader - Use CSS variables for fonts, making the fonts easier to customize - Remove postcss-loader, it's not doing anything useful and is actually applying strange transforms on our CSS. Fixes: https://github.com/go-gitea/gitea/issues/11045 * introduce helper variable, mark documented vars * work around case issue by always quoting specific fonts
2020-10-19 20:01:06 +00:00
font: 14px var(--fonts-monospace);
Clean less files (#6921)
2019-05-13 06:26:32 +00:00
Update JS dependencies and misc tweaks (#13741) * Update JS dependencies and misc tweaks - Update all JS dependencies minus webpack - Adapt CodeMirrors styling to new CSS parent introduced by EasyMDE - Set eslint parser to latest and add new eslint 7.14 rule - Speed up npm install by disabling audit and fund checks - Move fomantic-ui to optional dependencies to further speed up npm - Enable syntax highlighting on GH for .eslintrc and .stylelintrc - Makefile cleanups * disable audit in npmrc * add missing dash Co-authored-by: techknowlogick <techknowlogick@gitea.io>
2020-11-29 21:39:36 +00:00
.CodeMirror-cursor {
border-left: 1px solid var(--color-input-text);
}
Reindent Less to 2-space (#12602) Reindent and unify codebase to 2-space indentation.
2020-08-25 19:48:53 +00:00
&.cm-s-default {
border-radius: 3px;
padding: 0 !important;
}
Clean less files (#6921)
2019-05-13 06:26:32 +00:00
Reindent Less to 2-space (#12602) Reindent and unify codebase to 2-space indentation.
2020-08-25 19:48:53 +00:00
.cm-comment {
background: inherit !important;
}
Fix double borders on edit page (#1152) (#1153) * Fix double borders on edit page (#1152) * Add border modifications to less file
2017-03-10 01:33:35 +00:00
}
Clean less files (#6921)
2019-05-13 06:26:32 +00:00
Fix double borders on edit page (#1152) (#1153) * Fix double borders on edit page (#1152) * Add border modifications to less file
2017-03-10 01:33:35 +00:00
.repository.file.editor .tab[data-tab="write"] {
Reindent Less to 2-space (#12602) Reindent and unify codebase to 2-space indentation.
2020-08-25 19:48:53 +00:00
padding: 0 !important;
Fix double borders on edit page (#1152) (#1153) * Fix double borders on edit page (#1152) * Add border modifications to less file
2017-03-10 01:33:35 +00:00
}
Clean less files (#6921)
2019-05-13 06:26:32 +00:00
Fix double borders on edit page (#1152) (#1153) * Fix double borders on edit page (#1152) * Add border modifications to less file
2017-03-10 01:33:35 +00:00
.repository.file.editor .tab[data-tab="write"] .editor-toolbar {
Reindent Less to 2-space (#12602) Reindent and unify codebase to 2-space indentation.
2020-08-25 19:48:53 +00:00
border: 0 !important;
Fix double borders on edit page (#1152) (#1153) * Fix double borders on edit page (#1152) * Add border modifications to less file
2017-03-10 01:33:35 +00:00
}
Clean less files (#6921)
2019-05-13 06:26:32 +00:00
Fix double borders on edit page (#1152) (#1153) * Fix double borders on edit page (#1152) * Add border modifications to less file
2017-03-10 01:33:35 +00:00
.repository.file.editor .tab[data-tab="write"] .CodeMirror {
Reindent Less to 2-space (#12602) Reindent and unify codebase to 2-space indentation.
2020-08-25 19:48:53 +00:00
border-left: 0;
border-right: 0;
border-bottom: 0;
Fix double borders on edit page (#1152) (#1153) * Fix double borders on edit page (#1152) * Add border modifications to less file
2017-03-10 01:33:35 +00:00
}
Various dark theme fixes (#10416) - beatify simplemde, remove header hover effect (does not play well with border colors), remove double border separators - fix colored outline buttons - fix disabled style - fix positive messages - fix markdown header border and quote block - adjust footer color - adjust file icons and release list timeline
2020-02-23 04:32:15 +00:00
.editor-toolbar {
Reindent Less to 2-space (#12602) Reindent and unify codebase to 2-space indentation.
2020-08-25 19:48:53 +00:00
opacity: 1 !important;
Update JS dependencies and misc tweaks (#13741) * Update JS dependencies and misc tweaks - Update all JS dependencies minus webpack - Adapt CodeMirrors styling to new CSS parent introduced by EasyMDE - Set eslint parser to latest and add new eslint 7.14 rule - Speed up npm install by disabling audit and fund checks - Move fomantic-ui to optional dependencies to further speed up npm - Enable syntax highlighting on GH for .eslintrc and .stylelintrc - Makefile cleanups * disable audit in npmrc * add missing dash Co-authored-by: techknowlogick <techknowlogick@gitea.io>
2020-11-29 21:39:36 +00:00
border-color: var(--color-secondary);
Various dark theme fixes (#10416) - beatify simplemde, remove header hover effect (does not play well with border colors), remove double border separators - fix colored outline buttons - fix disabled style - fix positive messages - fix markdown header border and quote block - adjust footer color - adjust file icons and release list timeline
2020-02-23 04:32:15 +00:00
}
Switch from SimpleMDE to EasyMDE (#13333) * Switch from SimpleMDE to EasyMDE Signed-off-by: Andrew Thornton <art27@cantab.net> * use webpack to webpack the easymde css Signed-off-by: Andrew Thornton <art27@cantab.net> * move css to only css Signed-off-by: Andrew Thornton <art27@cantab.net> * move loading codemirror modes and addons back in to footer.tmpl Signed-off-by: Andrew Thornton <art27@cantab.net> * Fix arc-green Signed-off-by: Andrew Thornton <art27@cantab.net> * as per @silverwind * reinstall codemirror Signed-off-by: Andrew Thornton <art27@cantab.net> Co-authored-by: Lauris BH <lauris@nix.lv>
2020-11-10 19:16:30 +00:00
.editor-toolbar button:not(:hover) {
Reindent Less to 2-space (#12602) Reindent and unify codebase to 2-space indentation.
2020-08-25 19:48:53 +00:00
background-color: transparent !important;
Enforce transparent background on editor toolbar elements (#11569) Co-authored-by: Lauris BH <lauris@nix.lv>
2020-05-23 11:59:40 +00:00
}
Various dark theme fixes (#10416) - beatify simplemde, remove header hover effect (does not play well with border colors), remove double border separators - fix colored outline buttons - fix disabled style - fix positive messages - fix markdown header border and quote block - adjust footer color - adjust file icons and release list timeline
2020-02-23 04:32:15 +00:00
.editor-toolbar i.separator {
Reindent Less to 2-space (#12602) Reindent and unify codebase to 2-space indentation.
2020-08-25 19:48:53 +00:00
border-left: none;
Various dark theme fixes (#10416) - beatify simplemde, remove header hover effect (does not play well with border colors), remove double border separators - fix colored outline buttons - fix disabled style - fix positive messages - fix markdown header border and quote block - adjust footer color - adjust file icons and release list timeline
2020-02-23 04:32:15 +00:00
}
Switch code editor to Monaco (#11366) * Switch code editor to Monaco This switches out CodeMirror for Monaco which is based on the same code base as VS code and should work pretty similar to it. It does add a few async chunks, totalling around 10MB to our build. It currently supports around 65 languages and in the default configuration, each language would emit one ugly [number].js chunk, so I opted to combine them all into a single file for now. CodeMirror is still being used under the hood by SimpleMDE so it can not be removed yet. * inline editorconfig, fix diff, use for markdown, remove more dead code * refactors, remove jquery usage * use tab_width * fix intellisense * rename function for clarity * misc tweaks, enable webpack progress display * only use --progress on dev build * remove useless borders in arc-green * fix typo * remove obsolete comment * small refactor * fix file creation and various refactors * unset useTabStops too when no editorconfig * small refactor * disable webpack's [big] warnings * remove useless await * fix dark theme check * rename chunk to 'monaco' * add to .gitignore and delete webpack dest before build * increase editor height * support more editorconfig properties * remove empty element filter * rename Co-authored-by: John Olheiser <john.olheiser@gmail.com>
2020-05-14 16:06:01 +00:00
.editor-loading {
Reindent Less to 2-space (#12602) Reindent and unify codebase to 2-space indentation.
2020-08-25 19:48:53 +00:00
padding: 1rem;
text-align: center;
Switch code editor to Monaco (#11366) * Switch code editor to Monaco This switches out CodeMirror for Monaco which is based on the same code base as VS code and should work pretty similar to it. It does add a few async chunks, totalling around 10MB to our build. It currently supports around 65 languages and in the default configuration, each language would emit one ugly [number].js chunk, so I opted to combine them all into a single file for now. CodeMirror is still being used under the hood by SimpleMDE so it can not be removed yet. * inline editorconfig, fix diff, use for markdown, remove more dead code * refactors, remove jquery usage * use tab_width * fix intellisense * rename function for clarity * misc tweaks, enable webpack progress display * only use --progress on dev build * remove useless borders in arc-green * fix typo * remove obsolete comment * small refactor * fix file creation and various refactors * unset useTabStops too when no editorconfig * small refactor * disable webpack's [big] warnings * remove useless await * fix dark theme check * rename chunk to 'monaco' * add to .gitignore and delete webpack dest before build * increase editor height * support more editorconfig properties * remove empty element filter * rename Co-authored-by: John Olheiser <john.olheiser@gmail.com>
2020-05-14 16:06:01 +00:00
}
.edit-diff {
Reindent Less to 2-space (#12602) Reindent and unify codebase to 2-space indentation.
2020-08-25 19:48:53 +00:00
padding: 0 !important;
Switch code editor to Monaco (#11366) * Switch code editor to Monaco This switches out CodeMirror for Monaco which is based on the same code base as VS code and should work pretty similar to it. It does add a few async chunks, totalling around 10MB to our build. It currently supports around 65 languages and in the default configuration, each language would emit one ugly [number].js chunk, so I opted to combine them all into a single file for now. CodeMirror is still being used under the hood by SimpleMDE so it can not be removed yet. * inline editorconfig, fix diff, use for markdown, remove more dead code * refactors, remove jquery usage * use tab_width * fix intellisense * rename function for clarity * misc tweaks, enable webpack progress display * only use --progress on dev build * remove useless borders in arc-green * fix typo * remove obsolete comment * small refactor * fix file creation and various refactors * unset useTabStops too when no editorconfig * small refactor * disable webpack's [big] warnings * remove useless await * fix dark theme check * rename chunk to 'monaco' * add to .gitignore and delete webpack dest before build * increase editor height * support more editorconfig properties * remove empty element filter * rename Co-authored-by: John Olheiser <john.olheiser@gmail.com>
2020-05-14 16:06:01 +00:00
}
.edit-diff > div > .ui.table {
Reindent Less to 2-space (#12602) Reindent and unify codebase to 2-space indentation.
2020-08-25 19:48:53 +00:00
border-top: none !important;
border-bottom: none !important;
Misc UI fixes, add secondary color (#13378) * Misc UI fixes, add secondary color - Add secondary color, primarily used in arc-green currently - Convert icons on release page to SVG - Improve resolved conversation placeholder - Diff fixes on arc-green - Misc color tweaks * fix comment header, adjust arc-green dropzone * label margin, sidebar margin * flexbox commits table and add primary button styles * tooltip styles * file header fixes Co-authored-by: Lauris BH <lauris@nix.lv> Co-authored-by: zeripath <art27@cantab.net>
2020-11-01 20:04:26 +00:00
border-left: 1px solid var(--color-secondary) !important;
border-right: 1px solid var(--color-secondary) !important;
Switch code editor to Monaco (#11366) * Switch code editor to Monaco This switches out CodeMirror for Monaco which is based on the same code base as VS code and should work pretty similar to it. It does add a few async chunks, totalling around 10MB to our build. It currently supports around 65 languages and in the default configuration, each language would emit one ugly [number].js chunk, so I opted to combine them all into a single file for now. CodeMirror is still being used under the hood by SimpleMDE so it can not be removed yet. * inline editorconfig, fix diff, use for markdown, remove more dead code * refactors, remove jquery usage * use tab_width * fix intellisense * rename function for clarity * misc tweaks, enable webpack progress display * only use --progress on dev build * remove useless borders in arc-green * fix typo * remove obsolete comment * small refactor * fix file creation and various refactors * unset useTabStops too when no editorconfig * small refactor * disable webpack's [big] warnings * remove useless await * fix dark theme check * rename chunk to 'monaco' * add to .gitignore and delete webpack dest before build * increase editor height * support more editorconfig properties * remove empty element filter * rename Co-authored-by: John Olheiser <john.olheiser@gmail.com>
2020-05-14 16:06:01 +00:00
}
.monaco-editor-container {
Reindent Less to 2-space (#12602) Reindent and unify codebase to 2-space indentation.
2020-08-25 19:48:53 +00:00
width: 100%;
min-height: 200px;
height: 90vh;
Switch code editor to Monaco (#11366) * Switch code editor to Monaco This switches out CodeMirror for Monaco which is based on the same code base as VS code and should work pretty similar to it. It does add a few async chunks, totalling around 10MB to our build. It currently supports around 65 languages and in the default configuration, each language would emit one ugly [number].js chunk, so I opted to combine them all into a single file for now. CodeMirror is still being used under the hood by SimpleMDE so it can not be removed yet. * inline editorconfig, fix diff, use for markdown, remove more dead code * refactors, remove jquery usage * use tab_width * fix intellisense * rename function for clarity * misc tweaks, enable webpack progress display * only use --progress on dev build * remove useless borders in arc-green * fix typo * remove obsolete comment * small refactor * fix file creation and various refactors * unset useTabStops too when no editorconfig * small refactor * disable webpack's [big] warnings * remove useless await * fix dark theme check * rename chunk to 'monaco' * add to .gitignore and delete webpack dest before build * increase editor height * support more editorconfig properties * remove empty element filter * rename Co-authored-by: John Olheiser <john.olheiser@gmail.com>
2020-05-14 16:06:01 +00:00
}
/* overwrite conflicting styles from fomantic */
.monaco-editor-container .inputarea {
Reindent Less to 2-space (#12602) Reindent and unify codebase to 2-space indentation.
2020-08-25 19:48:53 +00:00
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
resize: none !important;
border: none !important;
color: transparent !important;
background-color: transparent !important;
Switch code editor to Monaco (#11366) * Switch code editor to Monaco This switches out CodeMirror for Monaco which is based on the same code base as VS code and should work pretty similar to it. It does add a few async chunks, totalling around 10MB to our build. It currently supports around 65 languages and in the default configuration, each language would emit one ugly [number].js chunk, so I opted to combine them all into a single file for now. CodeMirror is still being used under the hood by SimpleMDE so it can not be removed yet. * inline editorconfig, fix diff, use for markdown, remove more dead code * refactors, remove jquery usage * use tab_width * fix intellisense * rename function for clarity * misc tweaks, enable webpack progress display * only use --progress on dev build * remove useless borders in arc-green * fix typo * remove obsolete comment * small refactor * fix file creation and various refactors * unset useTabStops too when no editorconfig * small refactor * disable webpack's [big] warnings * remove useless await * fix dark theme check * rename chunk to 'monaco' * add to .gitignore and delete webpack dest before build * increase editor height * support more editorconfig properties * remove empty element filter * rename Co-authored-by: John Olheiser <john.olheiser@gmail.com>
2020-05-14 16:06:01 +00:00
}
Use monaco for the git hook editor (#13552) Migrate git hook editor to monaco, replacing CodeMirror. Had to do a few refactors to make the monaco instantiation generic enough to be of use. Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com> Co-authored-by: techknowlogick <techknowlogick@gitea.io>
2020-11-14 03:57:34 +00:00
.edit.githook .monaco-editor-container {
border: 1px solid var(--color-secondary);
height: 70vh;
}
Reference in a new issue Copy permalink