From 23bd7b1211a80aa3b0dcb60ec4a1c0089ff28dd4 Mon Sep 17 00:00:00 2001 From: silverwind Date: Tue, 16 Nov 2021 09:16:05 +0100 Subject: Add copy button to markdown code blocks (#17638) * Add copy button to markdown code blocks Done mostly in JS because I think it's better not to try getting buttons past the markup sanitizer. * add svg module tests * fix sanitizer regexp * remove outdated comment * vertically center button in issue comments as well * add comment to css * fix undefined on view file line copy * combine animation less files * Update modules/markup/markdown/markdown.go Co-authored-by: wxiaoguang * add test for different sizes * add cloneNode and add tests for it * use deep clone * remove useless optional chaining * remove the svg node cache * unify clipboard copy string and i18n * remove unused var * remove unused localization * minor css tweaks to the button * comment tweak * remove useless attribute Co-authored-by: wxiaoguang --- web_src/less/features/animations.less | 34 ---------------------------------- 1 file changed, 34 deletions(-) delete mode 100644 web_src/less/features/animations.less (limited to 'web_src/less/features') diff --git a/web_src/less/features/animations.less b/web_src/less/features/animations.less deleted file mode 100644 index f3491155cd..0000000000 --- a/web_src/less/features/animations.less +++ /dev/null @@ -1,34 +0,0 @@ -@keyframes isloadingspin { - 0% { transform: translate(-50%, -50%) rotate(0deg); } - 100% { transform: translate(-50%, -50%) rotate(360deg); } -} - -.is-loading { - background: transparent !important; - color: transparent !important; - border: transparent !important; - pointer-events: none !important; - position: relative !important; - overflow: hidden !important; -} - -.is-loading::after { - content: ""; - position: absolute; - display: block; - width: 4rem; - height: 4rem; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - animation: isloadingspin 500ms infinite linear; - border-width: 4px; - border-style: solid; - border-color: #ececec #ececec #666 #666; - border-radius: 100%; -} - -.markup pre.is-loading, -.editor-loading.is-loading { - height: 12rem; -} -- cgit v1.2.3