Skip to content

Interface layout edits #96

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
veronika-tseleva-cleantalk merged 15 commits into from
Apr 13, 2026
Merged

Interface layout edits #96

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
0ab1cb7
Fix. enlarged the text, changed the content highlight color
veronika-tseleva-cleantalk Apr 8, 2026
129d33c
Fix. fixed paddings and margins
veronika-tseleva-cleantalk Apr 8, 2026
af6be25
Fix. fixed style
veronika-tseleva-cleantalk Apr 8, 2026
d8a5f71
Fix. fixed style
veronika-tseleva-cleantalk Apr 8, 2026
d5a931b
Fix. fixed style
veronika-tseleva-cleantalk Apr 8, 2026
1abcb8d
Fix. fixed style
veronika-tseleva-cleantalk Apr 8, 2026
bdf34d5
Fix. fixed style
veronika-tseleva-cleantalk Apr 8, 2026
b42f0a2
Fix. fixed style
veronika-tseleva-cleantalk Apr 8, 2026
227fe0b
Fix. edited gaps in editor
veronika-tseleva-cleantalk Apr 9, 2026
9c86fbd
Fix. fixed paddings and margins
veronika-tseleva-cleantalk Apr 9, 2026
73861f1
Fix. fixed link style
veronika-tseleva-cleantalk Apr 9, 2026
3ffc232
Fix. rebase last two commits to another brunch
veronika-tseleva-cleantalk Apr 10, 2026
56810f8
Fix. fixed conflicts
veronika-tseleva-cleantalk Apr 10, 2026
52114b0
Fix. fixed conflicts
veronika-tseleva-cleantalk Apr 10, 2026
eb694fb
Fix. fixed margin
veronika-tseleva-cleantalk Apr 13, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
120 changes: 73 additions & 47 deletions dist/doboard-widget-bundle.js
View file
Open in desktop

Large diffs are not rendered by default.

92 changes: 47 additions & 45 deletions dist/doboard-widget-bundle.min.js
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dist/doboard-widget-bundle.min.js.map
View file
Open in desktop

Large diffs are not rendered by default.

4 changes: 3 additions & 1 deletion js/src/handlers.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -209,7 +209,9 @@ function registerUser(taskDetails) {
.then((response) => {
if (response.accountExists) {
document.querySelector('.doboard_task_widget-accordion .doboard_task_widget-input-container').innerText = ksesFilter('Account already exists. Please, login using your password.');
document.querySelector('.doboard_task_widget-accordion .doboard_task_widget-input-container.hidden').classList.remove('hidden');
document.querySelector('.doboard_task_widget-accordion .doboard_task_widget-input-container.hidden')?.classList?.remove('hidden');
document.getElementById('doboard_task_widget-user_name')
.closest('.doboard_task_widget-input-container').classList.add('hidden-container');
document.getElementById('doboard_task_widget-user_password').focus();
return response;
} else if (response.sessionId) {
Expand Down
1 change: 1 addition & 0 deletions js/src/iframe/DescriptionEditorIframe.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -178,6 +178,7 @@ class DescriptionEditorIframe {
#editor-container { min-height: 190px; background: #fff; border-radius: 4px; }
.tox-tinymce { border: none !important; position: absolute !important; height: 100% !important;}
.tox-editor-header { border-bottom: none !important; }
.tox-toolbar__group {display: inline-flex !important; width: 90% !important; justify-content: space-around}
</style>
</head>
<body>
Expand Down
36 changes: 20 additions & 16 deletions js/src/loaders/SpotFixSVGLoader.js
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

47 changes: 24 additions & 23 deletions js/src/loaders/SpotFixTemplatesLoader.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ class SpotFixTemplatesLoader {
<img src="{{iconPlus}}" alt="" class="doboard_task_widget_cursor-pointer">
</span>
<span id="maximizeWidgetContainer">
<img src="{{iconMaximize}}" alt="" class="doboard_task_widget_cursor-pointer">
<img src="{{iconMaximize}}" alt="" class="doboard_task_widget_cursor-pointer">
</span>
<span id="openUserMenuButton">
<img src="{{iconEllipsesMore}}" alt="" class="doboard_task_widget_cursor-pointer">
Expand Down Expand Up @@ -154,12 +154,12 @@ class SpotFixTemplatesLoader {

<div class="doboard_task_widget-input-container">
<input id="doboard_task_widget-title" class="doboard_task_widget-field" name="title" value="{{selectedText}}" required>
<label class="spotfix_placeholder_title" for="doboard_task_widget-title">Report about</label>
<label class="spotfix_placeholder_title" for="doboard_task_widget-title">Report name</label>
</div>

<div id="doboard_task_widget-description-container" class="doboard_task_widget-input-container doboard_task_widget-input-container-textarea" style="flex-grow: 1; min-height: 200px">
<textarea id="doboard_task_widget-description" class="doboard_task_widget-field" name="description" placeholder=" " required></textarea>
<label for="doboard_task_widget-description" class="doboard_task_widget-field-textarea-label" >Description</label>
<label for="doboard_task_widget-description" style="top:1px" class="doboard_task_widget-field-textarea-label" >Description</label>
</div>

<div class="doboard_task_widget-login">
Expand All @@ -169,31 +169,32 @@ class SpotFixTemplatesLoader {
<div class="doboard_task_widget-accordion">

<div class="doboard_task_widget-input-container-phantom">
<div class="doboard_task_widget-input-container">
<input id="doboard_task_widget-user_name" class="doboard_task_widget-field" type="text" name="user_name">
<label for="doboard_task_widget-user_name">Nickname</label>
</div>

<div class="doboard_task_widget-input-container">
<input id="doboard_task_widget-user_email" class="doboard_task_widget-field" type="email" name="user_email">
<label for="doboard_task_widget-user_email">Email</label>
</div>

<div class="doboard_task_widget-input-container hidden">
<input id="doboard_task_widget-user_password" class="doboard_task_widget-field" type="password" name="user_password">
<label for="doboard_task_widget-user_password">Password</label>
<div class="doboard_task_widget-input-container"></div>
<div class="doboard_task_widget-auth-inputs-container">
<div class="doboard_task_widget-input-container">
<input id="doboard_task_widget-user_name" class="doboard_task_widget-field" type="text" name="user_name">
<label for="doboard_task_widget-user_name">Nickname</label>
</div>

<div class="doboard_task_widget-input-container">
<input id="doboard_task_widget-user_email" class="doboard_task_widget-field" type="email" name="user_email">
<label for="doboard_task_widget-user_email">Email</label>
</div>
<div class="doboard_task_widget-input-container hidden">
<input id="doboard_task_widget-user_password" class="doboard_task_widget-field" type="password" name="user_password">
<label for="doboard_task_widget-user_password">Password</label>
</div>
</div>

<button id="doboard_task_widget-register_only_button" class="doboard_task_widget-submit_button doboard_task_widget-hidden" style="margin-top: 8px; width: 100%;">Sign up</button>

<br/>
<i>Note about DoBoard register and accepting email notifications about tasks have to be here.</i>
</br>

<i>If you are a doBoard user, use same Email and password as at <a href="https://doboard.com" target="_blank" rel="nofollow">doboard.com</a>
on the <span id="doboard_task_widget-show_login_form" class="doboard_task_widget-show_login_form">login page</span>
</i>
</div>

<div id="doboard_task_widget-input-container-login" class="doboard_task_widget-input-container-login doboard_task_widget-hidden">
<div id="doboard_task_widget-input-container-login" style="margin-top: 16px" class="doboard_task_widget-input-container-login doboard_task_widget-hidden">
<div class="doboard_task_widget-input-container">
<input id="doboard_task_widget-login_email" class="doboard_task_widget-field" type="email" name="login_email">
<label for="doboard_task_widget-login_email">Email</label>
Expand Down Expand Up @@ -228,7 +229,7 @@ class SpotFixTemplatesLoader {

</div>

<div class="doboard_task_widget-field" style="margin-top: 8px">
<div class="doboard_task_widget-field">
<div class="doboard_task_widget-visibility-toggle">
<div style="display: flex; align-items: center">
<img src="{{iconPublic}}" alt="">
Expand All @@ -241,7 +242,7 @@ class SpotFixTemplatesLoader {
<span class="slider"></span>
</label>
</div>
<button id="doboard_task_widget-submit_button" style="min-width: 270px" class="doboard_task_widget-submit_button">Send report</button>
<button id="doboard_task_widget-submit_button" style="min-width: 270px; margin-top: 0px" class="doboard_task_widget-submit_button">Send report</button>
</div>

<div class="doboard_task_widget-message-wrapper hidden">
Expand All @@ -259,7 +260,7 @@ class SpotFixTemplatesLoader {
<div class="{{avatarCSSClass}}" style="{{avatarStyle}}">
<span class="doboard_task_widget-avatar-initials {{initialsClass}}">{{taskAuthorInitials}}</span>
</div>
<div class="doboard_task_widget-description_container" style="cursor: default">
<div class="doboard_task_widget-description_container">
<div class="doboard_task_widget-task_title" style="cursor: pointer">
<div class="doboard_task_widget-task_title-details">
<span class="doboard_task_widget-task_title-text">{{taskTitle}}</span>
Expand Down
Loading