hrfee/jfa-go
1
0
Fork 0
mirror of https://github.com/hrfee/jfa-go.git synced 2024-12-22 09:00:10 +00:00
Code Issues Projects Releases Wiki Activity

invites: improve inv dropdown wrapping

Browse Source
This commit is contained in:
Harvey Tindall 2023-12-24 14:53:37 +00:00
parent 202ee0977e
commit 20560332ed
Signed by: hrfee
GPG Key ID: BBC65952848FB1A2
2 changed files with 5 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/base.css
View File

@ -223,10 +223,6 @@ sup.\~critical, .text-critical {
overflow: visible; overflow: visible;
} }
.inv-profilearea {
min-width: 20%;
}
.inv-profileselect { .inv-profileselect {
min-width: 100%; min-width: 100%;
} }

10
ts/modules/invites.ts
View File

@ -332,14 +332,14 @@ class DOMInvite implements Invite {
this._details.classList.add("card", "~neutral", "@low", "mt-2", "inv-details"); this._details.classList.add("card", "~neutral", "@low", "mt-2", "inv-details");
const detailsInner = document.createElement('div') as HTMLDivElement; const detailsInner = document.createElement('div') as HTMLDivElement;
this._details.appendChild(detailsInner); this._details.appendChild(detailsInner);
detailsInner.classList.add("inv-row", "flex", "flex-row", "justify-between", "align-top"); detailsInner.classList.add("inv-row", "flex", "flex-row", "flex-wrap", "justify-between", "align-top", "gap-4");
this._left = document.createElement('div') as HTMLDivElement; this._left = document.createElement('div') as HTMLDivElement;
this._left.classList.add("flex", "flex-row", "gap-4"); this._left.classList.add("flex", "flex-row", "flex-wrap", "gap-4", "min-w-full", "sm:min-w-fit", "whitespace-nowrap");
detailsInner.appendChild(this._left); detailsInner.appendChild(this._left);
const leftLeft = document.createElement("div") as HTMLDivElement; const leftLeft = document.createElement("div") as HTMLDivElement;
this._left.appendChild(leftLeft); this._left.appendChild(leftLeft);
leftLeft.classList.add("inv-profilearea"); leftLeft.classList.add("inv-profilearea", "min-w-full", "sm:min-w-fit");
let innerHTML = ` let innerHTML = `
<p class="supra mb-2 top">${window.lang.strings("profile")}</p> <p class="supra mb-2 top">${window.lang.strings("profile")}</p>
<div class="select ~neutral @low inv-profileselect inline-block mb-2"> <div class="select ~neutral @low inv-profileselect inline-block mb-2">
@ -384,10 +384,10 @@ class DOMInvite implements Invite {
this._right = document.createElement('div') as HTMLDivElement; this._right = document.createElement('div') as HTMLDivElement;
detailsInner.appendChild(this._right); detailsInner.appendChild(this._right);
this._right.classList.add("card", "~neutral", "@low", "inv-created-users"); this._right.classList.add("card", "~neutral", "@low", "inv-created-users", "min-w-full", "sm:min-w-fit", "whitespace-nowrap");
this._right.innerHTML = `<span class="supra table-header">${window.lang.strings("inviteUsersCreated")}</span>`; this._right.innerHTML = `<span class="supra table-header">${window.lang.strings("inviteUsersCreated")}</span>`;
this._userTable = document.createElement('div') as HTMLDivElement; this._userTable = document.createElement('div') as HTMLDivElement;
this._userTable.classList.add("text-sm", "mt-1"); this._userTable.classList.add("text-sm", "mt-1", );
this._right.appendChild(this._userTable); this._right.appendChild(this._userTable);