Commita63c380

committed

chore(editor-js): style link-tool like zhihu

1 parentc9800b5 commita63c380Copy full SHA for a63c380

File tree

+36

-0

lines changed

+36

-0

lines changed

Lines changed: 3 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -58,6 +58,9 @@ export const useInit = (_store, loaded) => {`
`58`	`58`	`inlineCode:InlineCode,`
`59`	`59`	`linkTool:{`
`60`	`60`	`class:LinkTool,`
	`61`	`+config:{`
	`62`	`+endpoint:'http://localhost:4001/api/og-info',`
	`63`	`+},`
`61`	`64`	`},`
`62`	`65`	`},`
`63`	`66`	`data:{`

Lines changed: 33 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -7,6 +7,39 @@ import { theme } from '@utils'`
`7`	`7`	`// marker see: https://github.com/editor-js/marker`
`8`	`8`
`9`	`9`	constRichEditorStyle=createGlobalStyle`
	`10`	`+ // tmp`
	`11`	`+ .link-tool__input {`
	`12`	`+ border: 1px solid #e6e3e3;`
	`13`	`+ border-radius: 12px;`
	`14`	`+ }`
	`15`	`+`
	`16`	`+ .link-tool__content--rendered {`
	`17`	`+ border-radius: 15px;`
	`18`	`+ height: 120px;`
	`19`	`+ max-height: 140px;`
	`20`	`+ padding: 10px 20px;`
	`21`	`+ width: 65%;`
	`22`	`+ margin-left: 15%;`
	`23`	`+ min-height: 120px;`
	`24`	`+ max-height: 150px;`
	`25`	`+ padding: 12px 20px !important;`
	`26`	`+ background-color: hsla(0,0%,96.5%,.88) !important;`
	`27`	`+ }`
	`28`	`+`
	`29`	`+ .link-tool__title {`
	`30`	`+ margin: 0;`
	`31`	`+ text-overflow: ellipsis;`
	`32`	`+ white-space: nowrap;`
	`33`	`+ overflow: hidden;`
	`34`	`+ }`
	`35`	`+`
	`36`	`+ .link-tool__description {`
	`37`	`+ margin-bottom: 10px;`
	`38`	`+ text-overflow: ellipsis;`
	`39`	`+ white-space: nowrap;`
	`40`	`+ overflow: hidden;`
	`41`	`+ color: #c5c5c5;`
	`42`	`+ }`
`10`	`43`
`11`	`44`	`.cdx-quote__text {`
`12`	`45`	`min-height: 0 !important;`

Comments

(0)