The_Great_Archive/cryptpad
1
0
Fork 0
mirror of https://github.com/cryptpad/cryptpad.git synced 2026-09-12 19:49:59 +05:00
Code Issues Packages Projects Releases Wiki Activity

Make modal buttons wrap correctly on mobile

Browse Source
This commit is contained in:
DianaXWiki 2026-05-06 23:43:38 +02:00
parent 6175d6665a
commit ff364ce108
2 changed files with 26 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
customize.dist/src/less2/include/alertify.less
View File

@ -371,6 +371,15 @@
vertical-align: middle;
}
}
@media screen and (max-width: @browser_media-medium-screen) {
.cp-crowdfunding-modal nav {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 0.5rem;
}
}
}
}

24
www/common/common-ui-elements.js
View File

@ -3403,8 +3403,15 @@ define([
};
var content = Messages.crowdfunding_popup_text;
var buttons = [
{
var buttons = [{
name: Messages.dontShowAgain,
className: 'cancel left',
iconClass: 'close',
onClick: function () {
recordShown();
dontShowAgain();
}
}, {
name: Messages.crowdfunding_popup_no,
className: 'cancel',
iconClass: 'crowdfunding-snooze',
@ -3412,8 +3419,7 @@ define([
recordShown();
Feedback.send('CROWDFUNDING_NO');
}
}
];
}];
if (!Config.removeDonateButton) {
buttons.push({
name: Messages.crowdfunding_button2,
@ -3439,20 +3445,12 @@ define([
}
});
}
buttons.push({
name: Messages.dontShowAgain,
className: 'cancel left',
iconClass: 'close',
onClick: function () {
recordShown();
dontShowAgain();
}
});
var modal = UI.dialog.customModal(content, {
force: true,
scrollable: true,
buttons: buttons
});
$(modal).addClass('cp-crowdfunding-modal');
UI.openCustomModal(modal, { wide: true });
};