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('URL');
+ if (!$dropzone.find('a.image-url')[0]) {
+ $dropzone.append('URL');
}
// if (!$dropzone.find('a.image-webcam')[0]) {
// $dropzone.append('Webcam');
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}}