@gravity-ui/markdown-editor 15.32.0 → 15.33.0

package/build/styles.css

@@ -1874,6 +1874,33 @@ body :has(.g-md-resizable_resizing) {
   --g-popup-border-radius: var(--g-border-radius-l);
   border-radius: var(--g-border-radius-l);
 }
+.g-md-viewer-code-block {
+  position: relative;
+}
+.g-md-viewer-code-block pre code.wrap {
+  white-space: pre-wrap;
+}
+.g-md-viewer-code-block .yfm-code-floating,
+.g-md-viewer-code-block .yfm-clipboard-button {
+  display: none;
+}
+.g-md-viewer-code-block .g-md-viewer-code-block-floating-container {
+  position: absolute;
+  z-index: 1;
+  top: 8px;
+  right: 8px;
+  opacity: 0;
+  transition: opacity 0.2s ease-in-out;
+}
+.g-md-viewer-code-block .g-md-viewer-code-block-floating-container,
+.g-md-viewer-code-block .g-md-viewer-code-block-floating-container > [data-floating-ui-portal] {
+  display: flex;
+  flex-wrap: nowrap;
+  gap: var(--g-spacing-1);
+}
+.g-md-viewer-code-block:hover .g-md-viewer-code-block-floating-container {
+  opacity: 1;
+}
 .ProseMirror .pm-h-folding-hidden,
 .yfm.ProseMirror .pm-h-folding-hidden {
   display: none;
@@ -2152,13 +2179,26 @@ body :has(.g-md-resizable_resizing) {
 .g-root_theme_dark .g-md-yfm-html-block_editing .g-text-area__content {
   color: var(--g-color-text-primary);
 }
-.yfm.ProseMirror .hljs.show-line-numbers {
-  display: flex;
+.g-md-editor.ProseMirror.yfm pre > code {
   white-space: pre;
 }
-
-.yfm.ProseMirror pre > code > .yfm-line-numbers > .yfm-line-number {
-  display: block;
+.g-md-editor.ProseMirror pre > code.wrap {
+  /* stylelint-disable */
+  white-space: pre-wrap;
+  white-space: break-spaces;
+  /* stylelint-enable */
+}
+.g-md-editor.ProseMirror pre > code.wrap .yfm-line-number.ProseMirror-widget {
+  position: absolute;
+  left: 16px;
+  padding: 0;
+}
+.g-md-editor.ProseMirror pre > code.show-line-numbers {
+  position: relative;
+  display: flex;
+}
+.g-md-editor.ProseMirror pre > code .fake-line-number {
+  opacity: 0;
 }
 .g-md-link-placeholder-widget {
   margin: 0 2px;
@@ -2289,7 +2329,7 @@ body :has(.g-md-resizable_resizing) {
   height: 28px;
 }
 .g-md-code-block-toolbar {
-  margin: 2px 8px;
+  margin: var(--g-spacing-half);
 }
 
 .g-md-code-tooltip-menu {
@@ -2314,10 +2354,6 @@ body :has(.g-md-resizable_resizing) {
 .g-md-code-block__select-button {
   margin: auto 0;
 }
-
-.g-md-code-block__show-line-numbers {
-  margin: auto 0;
-}
 .table-cell-floating-button.g-button {
   height: 28px;
   line-height: 28px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/markdown-editor",
-  "version": "15.32.0",
+  "version": "15.33.0",
   "description": "Markdown wysiwyg and markup editor",
   "license": "MIT",
   "repository": {