diff --git a/core/client/app/assets/lib/uploader.js b/core/client/app/assets/lib/uploader.js index 141281531a..21c90f3cbe 100644 --- a/core/client/app/assets/lib/uploader.js +++ b/core/client/app/assets/lib/uploader.js @@ -130,8 +130,8 @@ UploadUi = function ($dropzone, settings) { if (!$dropzone.find('button.js-fail')[0]) { $dropzone.append(''); } - if (!$dropzone.find('a.icon-link')[0]) { - $dropzone.append(''); + if (!$dropzone.find('a.image-url')[0]) { + $dropzone.append(''); } // if (!$dropzone.find('a.image-webcam')[0]) { // $dropzone.append(''); diff --git a/core/client/app/styles/components/settings-menu.css b/core/client/app/styles/components/settings-menu.css index db800a05ee..d260481fa5 100644 --- a/core/client/app/styles/components/settings-menu.css +++ b/core/client/app/styles/components/settings-menu.css @@ -59,6 +59,8 @@ body.settings-menu-expanded .settings-menu-container { .settings-menu-header { position: relative; + display: flex; + justify-content: space-between; padding: 19px 24px; } @@ -70,11 +72,8 @@ body.settings-menu-expanded .settings-menu-container { } .settings-menu-header .close { - right: 0; -} - -.settings-menu-header .close:before { right: 22px; + font-size: 12px; } .settings-menu-header.subview h4 { @@ -89,25 +88,7 @@ body.settings-menu-expanded .settings-menu-container { left: 19px; } -.settings-menu-header-action { - position: absolute; - top: 0; - bottom: 7px; - padding: 0; - width: 45px; -} -.settings-menu-header-action:before { - position: absolute; - top: 50%; - color: var(--midbrown); - font-size: 2rem; - transform: translateY(-50%); -} - -.settings-menu-header-action:hover:before { - color: var(--midgrey); -} /* Content @@ -119,8 +100,6 @@ body.settings-menu-expanded .settings-menu-container { .settings-menu-content .image-uploader { margin: 0 0 1.6rem 0; - padding-top: 35px; - padding-bottom: 35px; } .settings-menu-content .image-uploader.image-uploader-url { diff --git a/core/client/app/styles/components/splitbuttons.css b/core/client/app/styles/components/splitbuttons.css index 437fd6a073..272adea42f 100644 --- a/core/client/app/styles/components/splitbuttons.css +++ b/core/client/app/styles/components/splitbuttons.css @@ -14,7 +14,7 @@ float: left; /* Prevent double border between buttons */ /* Make sure the hovered element is always on - // top so overlap from .btn + btn. invisible */ + // top so overlap from .btn + btn. invisible */ } .splitbtn .btn + .btn { diff --git a/core/client/app/styles/components/uploader.css b/core/client/app/styles/components/uploader.css index c01faa587a..c7a2d497d0 100644 --- a/core/client/app/styles/components/uploader.css +++ b/core/client/app/styles/components/uploader.css @@ -8,9 +8,10 @@ padding: 55px 60px; width: 100%; height: auto; - border: #e1e1e1 3px dashed; - background: #f9f8f5; - color: var(--brown); + border: #e1e1e1 2px dashed; + background: #f6f6f6; + border-radius: 4px; + color: #828282; text-align: center; } @@ -23,11 +24,8 @@ color: var(--darkgrey); } -.image-uploader .description { - margin-top: 10px; -} - -.image-uploader .image-upload { +.image-uploader .image-upload, +.image-uploader .image-url { position: absolute; bottom: 0; left: 0; @@ -38,7 +36,8 @@ line-height: 12px; } -.image-uploader .image-upload:hover { +.image-uploader .image-upload:hover, +.image-uploader .image-url:hover { cursor: pointer; } @@ -161,13 +160,15 @@ top: 10px; right: 10px; z-index: 300; + display: block; padding: 8px; background: rgba(0, 0, 0, 0.6); border-radius: var(--border-radius); box-shadow: rgba(255, 255, 255, 0.2) 0 0 0 1px; color: #fff; text-decoration: none; - line-height: 0; + font-size: 13px; + line-height: 10px; } .pre-image-uploader .image-cancel:hover { diff --git a/core/client/app/templates/components/gh-modal-dialog.hbs b/core/client/app/templates/components/gh-modal-dialog.hbs index 30526e4e81..2255cf3bac 100644 --- a/core/client/app/templates/components/gh-modal-dialog.hbs +++ b/core/client/app/templates/components/gh-modal-dialog.hbs @@ -8,7 +8,7 @@ {{#if confirm}}