diff --git a/src/link/images/close-language.svg b/src/link/images/close-language.svg deleted file mode 100644 index 2b14070..0000000 --- a/src/link/images/close-language.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/link/images/close-view.svg b/src/link/images/close-view.svg new file mode 100644 index 0000000..442d7fc --- /dev/null +++ b/src/link/images/close-view.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/link/sections.js b/src/link/sections.js index d0d5503..44fb4c3 100644 --- a/src/link/sections.js +++ b/src/link/sections.js @@ -84,7 +84,9 @@ export const Sections = ( { return (
- { titleWithoutSection( activeAttributes.title ) } +
+ { titleWithoutSection( activeAttributes.title ) } +
setSelectingSection( false ) } diff --git a/src/link/style.scss b/src/link/style.scss index af15046..f378ddb 100644 --- a/src/link/style.scss +++ b/src/link/style.scss @@ -220,7 +220,7 @@ body { line-height: 19.55px; &-close { - background-image: url(./images/close-language.svg); + background-image: url(./images/close-view.svg); width: 20px; height: 20px; cursor: pointer; @@ -351,6 +351,7 @@ body { .wikipediapreview-edit-preview { width: 350px; + min-height: 214px; &-container { display: flex; @@ -423,20 +424,36 @@ body { } .wikipediapreview-footer { + position: relative; + display: flex; + align-items: center; + justify-content: center; + height: 40px; + z-index: 5; - &-cta-readmore { - display: none; - } + &-link { + margin-right: 5px; + + &-cta { + text-decoration: none; + font-size: 14px; + color: #36c; + margin-right: 4px; - &-cta-readonwiki { - display: block; + &:hover { + text-decoration: underline; + } + + &:visited { + color: #6B4BA1; + svg path { + fill: #6B4BA1; + } + } + } } } } - - .wikipediapreview-body::after { - content: none; - } } &.is-expanded { @@ -547,14 +564,24 @@ body { min-height: 70px; display: flex; align-items: center; - padding: 0 10px 0 10px; + padding: 0 16px 0 16px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #c8ccd1; justify-content: space-between; + &-title { + max-width: 90%; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; + color: #202122 + } + &-close { - background-image: url(./images/close-language.svg); + background-image: url(./images/close-view.svg); width: 20px; height: 20px; cursor: pointer; @@ -568,8 +595,8 @@ body { &-item { display: flex; align-items: center; - padding: 5px; - margin: 5px; + padding: 4px; + margin: 8px; &-content { display: flex;