rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: fix alert max-width

Browse Source
This commit is contained in:
Aman Harwara
2023-05-16 20:32:57 +05:30
parent 91e2d66e58
commit 8d154b48b8
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/styles/src/Alert/Alert.ts
View File

@@ -111,14 +111,16 @@ export class SKAlert {
</button> </button>
</div>` </div>`
: '' : ''
const messageTemplate = this.text ? `<p class='sk-p text-base lg:text-sm'>${this.text}</p>` : '' const messageTemplate = this.text
? `<p class='sk-p text-base lg:text-sm' style="max-width: 100%; overflow: hidden; text-overflow: ellipsis;">${this.text}</p>`
: ''
const template = ` const template = `
<div class="sk-modal"> <div class="sk-modal">
<div class="sk-modal-background"></div> <div class="sk-modal-background"></div>
<div class="sk-modal-content"> <div class="sk-modal-content">
<div class="sn-component"> <div class="sn-component">
<div class="sk-panel" style='max-width: 500px;'> <div class="sk-panel" style='max-width: min(95vw, 500px);'>
<div class="sk-panel-content" ${panelStyle}> <div class="sk-panel-content" ${panelStyle}>
<div class="sk-panel-section"> <div class="sk-panel-section">
${titleTemplate} ${titleTemplate}