upload widget: Change image upload widget CSS class name.

Previously, image upload widget CSS class name was
`avatar-icon-logo-settings`  it is not relevant to the widget so
we can change the CSS class name to `image_upload_widget`
so that the name can be more generic.
This commit is contained in:
jagansivam28 2020-07-21 01:39:07 +05:30 committed by Tim Abbott
parent 8b30e03d4b
commit 1702f7f802
3 changed files with 4 additions and 4 deletions

View File

@ -120,7 +120,7 @@ exports.build_direct_upload_widget = function (
max_file_upload_size = max_file_upload_size || default_max_file_size;
function accept() {
input_error.hide();
const realm_logo_section = upload_button.closest(".avatar-icon-logo-settings");
const realm_logo_section = upload_button.closest(".image_upload_widget");
if (realm_logo_section.attr("id") === "realm-night-logo-upload-widget") {
upload_function(get_file_input(), true, false);
} else if (realm_logo_section.attr("id") === "realm-day-logo-upload-widget") {
@ -154,7 +154,7 @@ exports.build_direct_upload_widget = function (
if (file.size > max_file_upload_size * 1024 * 1024) {
input_error.text(
i18n.t("File size must be < __max_file_size__Mb.", {
max_file_size: max_file_upload_size,
max_file_size: max_file_upload_size,
}),
);
input_error.show();

View File

@ -1,5 +1,5 @@
/* common CSS for all image upload widget's */
.avatar-icon-logo-settings {
.image_upload_widget {
position: relative;
border-radius: 5px;
box-shadow: 0px 0px 10px hsla(0, 0%, 0%, 0.1);

View File

@ -1,4 +1,4 @@
<div id ="{{widget}}-upload-widget" class="inline-block avatar-icon-logo-settings">
<div id ="{{widget}}-upload-widget" class="inline-block image_upload_widget">
{{#if is_editable_by_current_user}}
<div class="image_upload_button">
<div class="settings-page-image-background"></div>