scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-11-12 17:31:00 +08:00
Code Issues Projects Releases Packages Wiki Activity

Update the style of the unlink protocol modal [SCI-7909]

Browse source
This commit is contained in:
sboursen-scinote 2023-02-14 16:26:06 +01:00
parent 4b264db343
commit 0f9dcda99b
2 changed files with 54 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/assets/javascripts/my_modules/protocols.js
View file

@ -100,7 +100,7 @@ function initLinkUpdate() {
$("[data-action='unlink'], [data-action='revert'], [data-action='update-parent'], [data-action='update-self']") $("[data-action='unlink'], [data-action='revert'], [data-action='update-parent'], [data-action='update-self']")
.on('ajax:success', function(e, data) { .on('ajax:success', function(e, data) {
const modalBodyTemplate = (message, warning) => `<p class="message">${message}</p> const modalBodyTemplate = (message, warning) => `<p class="message">${message}</p>
<p class="message">${warning || ''}</p>`; <p class="warning">${warning || ''}</p>`;
const { const {
title, title,
message, message,

53
app/assets/stylesheets/my_modules/protocols/index.scss
View file

@ -6,6 +6,8 @@
@import "constants"; @import "constants";
@import "mixins"; @import "mixins";
$modal-spacing: 16px;
.content-pane.my-modules-protocols-index { .content-pane.my-modules-protocols-index {
background-color: $color-alto; background-color: $color-alto;
margin: 0 -16px; margin: 0 -16px;
@ -680,3 +682,54 @@
display: inline-block; display: inline-block;
margin-left: 4px; margin-left: 4px;
} }
#confirm-link-update-modal {
.modal-content {
.modal-header {
border-bottom-color: transparent;
position: relative;
padding: $modal-spacing;
&::after {
border-bottom: 1px solid $color-concrete;
bottom: 0;
left: $modal-spacing;
position: absolute;
width: calc(100% - 2* #{$modal-spacing});
}
.close {
color: $color-volcano;
}
}
.modal-body {
padding: $modal-spacing;
.message {
margin-bottom: $modal-spacing;
}
.warning {
font-weight: bold;
margin: 0;
}
}
.modal-footer {
border-top-color: transparent;
padding: $modal-spacing;
position: relative;
&::after {
border-top: 1px solid $color-concrete;
left: $modal-spacing;
position: absolute;
top: 0;
width: calc(100% - 2* #{$modal-spacing});
}
}
}
}