@social-mail/social-mail-client 1.9.52 → 1.9.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"HomePage.d.ts","sourceRoot":"","sources":["../../../../src/web/page/home/HomePage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAgB,MAAM,mDAAmD,CAAC;AAG9F,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,GAAG,CAAC;QACV,UAAU,iBAAiB;YACvB,WAAW,EAAC,GAAG,CAAC;SACnB;KACJ;CACJ;AAED,OAAO,uBAAuB,CAAC;AAK/B,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,WAAW;IAEvC,IAAI;CAsBb"}
1
+ {"version":3,"file":"HomePage.d.ts","sourceRoot":"","sources":["../../../../src/web/page/home/HomePage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAgB,MAAM,mDAAmD,CAAC;AAG9F,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,GAAG,CAAC;QACV,UAAU,iBAAiB;YACvB,WAAW,EAAC,GAAG,CAAC;SACnB;KACJ;CACJ;AAED,OAAO,uBAAuB,CAAC;AAM/B,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,WAAW;IAEvC,IAAI;CAuBb"}
@@ -1,7 +1,7 @@
1
- System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@positron-js/context/dist/PositronInBrowser", "./HomePage.global.css", "../../../common/menu/MenuService", "@web-atoms/web-controls/dist/PageNavigator", "../mails/contacts/MailboxContacts"], function (_export, _context) {
1
+ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@positron-js/context/dist/PositronInBrowser", "./HomePage.global.css", "../../../common/menu/MenuService", "@web-atoms/web-controls/dist/PageNavigator", "../mails/contacts/MailboxContacts", "@web-atoms/core/dist/core/sleep"], function (_export, _context) {
2
2
  "use strict";
3
3
 
4
- var __awaiter, XNode, ContentPage, isMobileView, PositronInBrowser, MenuService, PageNavigator, MailboxContacts, HomePage;
4
+ var __awaiter, XNode, ContentPage, isMobileView, PositronInBrowser, MenuService, PageNavigator, MailboxContacts, sleep, HomePage;
5
5
  _export("default", void 0);
6
6
  return {
7
7
  setters: [function (_tslib) {
@@ -19,6 +19,8 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-con
19
19
  PageNavigator = _webAtomsWebControlsDistPageNavigator.default;
20
20
  }, function (_mailsContactsMailboxContacts) {
21
21
  MailboxContacts = _mailsContactsMailboxContacts.default;
22
+ }, function (_webAtomsCoreDistCoreSleep) {
23
+ sleep = _webAtomsCoreDistCoreSleep.default;
22
24
  }],
23
25
  execute: function () {
24
26
  _export("default", HomePage = class HomePage extends ContentPage {
@@ -29,6 +31,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-con
29
31
  "data-layout": "center-all"
30
32
  }, XNode.create("div", null, "Opening mailbox....")));
31
33
  const menuService = this.resolve(MenuService);
34
+ yield sleep(10);
32
35
  yield menuService.firstSearch;
33
36
  const id = menuService.mailboxes[0].mailboxID;
34
37
  PageNavigator.openPage(MailboxContacts, {
@@ -1 +1 @@
1
- {"version":3,"names":["HomePage","_export","setters","_tslib","XNode","_webAtomsCoreDistCoreXNode","default","_webAtomsWebControlsDistMobileAppMobileApp","ContentPage","isMobileView","_positronJsContextDistPositronInBrowser","PositronInBrowser","_HomePageGlobalCss","_commonMenuMenuService","MenuService","_webAtomsWebControlsDistPageNavigator","PageNavigator","_mailsContactsMailboxContacts","MailboxContacts","execute","init","isAvailable","renderer","create","menuService","resolve","firstSearch","id","mailboxes","mailboxID","openPage"],"sources":["../../../../src/web/page/home/HomePage.tsx"],"sourcesContent":[null],"mappings":";;;mHAmBqBA,QAAS;EAAAC,OAAA;EAAA;IAAAC,OAAA,aAAAC,MAAA;;;MAjBvBC,KAAK,GAAAC,0BAAA,CAAAC,OAAA;IAAA,aAAAC,0CAAA;MACHC,WAAW,GAAAD,0CAAA,CAAXC,WAAW;MAAEC,YAAY,GAAAF,0CAAA,CAAZE,YAAY;IAAA,aAAAC,uCAAA;MAC3BC,iBAAiB,GAAAD,uCAAA,CAAAJ,OAAA;IAAA,aAAAM,kBAAA,gBAAAC,sBAAA;MAWjBC,WAAW,GAAAD,sBAAA,CAAAP,OAAA;IAAA,aAAAS,qCAAA;MACXC,aAAa,GAAAD,qCAAA,CAAAT,OAAA;IAAA,aAAAW,6BAAA;MACbC,eAAe,GAAAD,6BAAA,CAAAX,OAAA;IAAA;IAAAa,OAAA,WAAAA,CAAA;MAAAlB,OAAA,YAEDD,QAAS,GAAhB,MAAOA,QAAS,SAAQQ,WAAW;QAEvCY,IAAIA,CAAA;;YAEN,IAAIT,iBAAiB,CAACU,WAAW,IAAIZ,YAAY,EAAE;cAC/C,IAAI,CAACa,QAAQ,GAAGlB,KAAA,CAAAmB,MAAA,cACZnB,KAAA,CAAAmB,MAAA;gBAAA,eAAkB;cAAY,GAC1BnB,KAAA,CAAAmB,MAAA,oCAA8B,CAC5B,CACJ;cACN,MAAMC,WAAW,GAAG,IAAI,CAACC,OAAO,CAACX,WAAW,CAAC;cAC7C,MAAMU,WAAW,CAACE,WAAW;cAC7B,MAAMC,EAAE,GAAGH,WAAW,CAACI,SAAS,CAAC,CAAC,CAAC,CAACC,SAAS;cAC7Cb,aAAa,CAACc,QAAQ,CAACZ,eAAe,EAAE;gBAAES;cAAE,CAAE,CAAC;cAC/C;YACJ;YAEA,IAAI,CAACL,QAAQ,GAAGlB,KAAA,CAAAmB,MAAA,cACZnB,KAAA,CAAAmB,MAAA,mBAEY,CACV;UACV,CAAC;;OAEJ;IAAA;EAAA;AAAA","ignoreList":[]}
1
+ {"version":3,"names":["HomePage","_export","setters","_tslib","XNode","_webAtomsCoreDistCoreXNode","default","_webAtomsWebControlsDistMobileAppMobileApp","ContentPage","isMobileView","_positronJsContextDistPositronInBrowser","PositronInBrowser","_HomePageGlobalCss","_commonMenuMenuService","MenuService","_webAtomsWebControlsDistPageNavigator","PageNavigator","_mailsContactsMailboxContacts","MailboxContacts","_webAtomsCoreDistCoreSleep","sleep","execute","init","isAvailable","renderer","create","menuService","resolve","firstSearch","id","mailboxes","mailboxID","openPage"],"sources":["../../../../src/web/page/home/HomePage.tsx"],"sourcesContent":[null],"mappings":";;;0HAoBqBA,QAAS;EAAAC,OAAA;EAAA;IAAAC,OAAA,aAAAC,MAAA;;;MAlBvBC,KAAK,GAAAC,0BAAA,CAAAC,OAAA;IAAA,aAAAC,0CAAA;MACHC,WAAW,GAAAD,0CAAA,CAAXC,WAAW;MAAEC,YAAY,GAAAF,0CAAA,CAAZE,YAAY;IAAA,aAAAC,uCAAA;MAC3BC,iBAAiB,GAAAD,uCAAA,CAAAJ,OAAA;IAAA,aAAAM,kBAAA,gBAAAC,sBAAA;MAWjBC,WAAW,GAAAD,sBAAA,CAAAP,OAAA;IAAA,aAAAS,qCAAA;MACXC,aAAa,GAAAD,qCAAA,CAAAT,OAAA;IAAA,aAAAW,6BAAA;MACbC,eAAe,GAAAD,6BAAA,CAAAX,OAAA;IAAA,aAAAa,0BAAA;MACfC,KAAK,GAAAD,0BAAA,CAAAb,OAAA;IAAA;IAAAe,OAAA,WAAAA,CAAA;MAAApB,OAAA,YAESD,QAAS,GAAhB,MAAOA,QAAS,SAAQQ,WAAW;QAEvCc,IAAIA,CAAA;;YAEN,IAAIX,iBAAiB,CAACY,WAAW,IAAId,YAAY,EAAE;cAC/C,IAAI,CAACe,QAAQ,GAAGpB,KAAA,CAAAqB,MAAA,cACZrB,KAAA,CAAAqB,MAAA;gBAAA,eAAkB;cAAY,GAC1BrB,KAAA,CAAAqB,MAAA,oCAA8B,CAC5B,CACJ;cACN,MAAMC,WAAW,GAAG,IAAI,CAACC,OAAO,CAACb,WAAW,CAAC;cAC7C,MAAMM,KAAK,CAAC,EAAE,CAAC;cACf,MAAMM,WAAW,CAACE,WAAW;cAC7B,MAAMC,EAAE,GAAGH,WAAW,CAACI,SAAS,CAAC,CAAC,CAAC,CAACC,SAAS;cAC7Cf,aAAa,CAACgB,QAAQ,CAACd,eAAe,EAAE;gBAAEW;cAAE,CAAE,CAAC;cAC/C;YACJ;YAEA,IAAI,CAACL,QAAQ,GAAGpB,KAAA,CAAAqB,MAAA,cACZrB,KAAA,CAAAqB,MAAA,mBAEY,CACV;UACV,CAAC;;OAEJ;IAAA;EAAA;AAAA","ignoreList":[]}
@@ -1,2 +1,2 @@
1
- .mailbox-contacts-page{background-color:hsla(0,0%,83%,.548)}.mailbox-contacts-page [data-resizable]{width:400px}.mailbox-contacts-page [data-element=detail] [data-page-element=action]{margin-right:30px}.mailbox-contacts-page .add-contact{align-items:centern;border-top:1px solid #d3d3d3;display:flex;gap:10px;grid-row:3;justify-content:center;padding-top:5px;place-self:stretch}.mailbox-contacts-page .add-contact>i{color:var(--accent-color);cursor:pointer}.mailbox-contacts-page .blocked-bar{display:flex;flex-direction:column;font-size:smaller;gap:5px;grid-row:1;justify-content:center;padding-bottom:5px;place-self:stretch}.mailbox-contacts-page .blocked-bar *{cursor:pointer}.mailbox-contacts-page .blocked-bar .conversation-type{align-items:center;display:flex;gap:5px}.mailbox-contacts-page .threads-container{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;overflow:hidden;padding-left:5px;padding-right:5px}.mailbox-contacts-page .threads{display:flex;flex-direction:column;gap:10px;grid-row:2;overflow-x:hidden!important;padding-bottom:5px;padding-top:5px}.mailbox-contacts-page .threads .mailbox-thread{background-color:canvas;border-radius:10px;cursor:pointer;display:grid;gap:5px;grid-template-columns:1fr auto auto;grid-template-rows:1fr auto auto;margin-right:5px;padding:5px 10px;position:relative}.mailbox-contacts-page .threads .mailbox-thread:hover,.mailbox-contacts-page .threads .mailbox-thread[data-selected-item]{background-color:var(--selection-color);color:var(--selection-text-color)}.mailbox-contacts-page .threads .mailbox-thread .new{background-image:linear-gradient(90deg,#000 10%,#60ff00 50%,#000 90%);color:#262700;font-size:smaller;font-weight:700;position:absolute;right:20px;text-align:center;top:10px;transform:rotate(45deg);transform-origin:50% 50%;translate:50% 0;width:200px}.mailbox-contacts-page .threads .mailbox-thread>.name{font-weight:700;grid-column:1;grid-row:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox-contacts-page .threads .mailbox-thread>.subject{font-size:smaller;grid-column:1;grid-row:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox-contacts-page .threads .mailbox-thread>.summary{font-size:smaller;grid-column:1/span 3;grid-row:3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox-contacts-page .threads .mailbox-thread>.unread{grid-row:3}.mailbox-contacts-page .threads .mailbox-thread>.open-threads,.mailbox-contacts-page .threads .mailbox-thread>.unread{align-self:center;background-color:#228b22;border-radius:9999px;color:#fff;font-size:x-small;font-weight:700;grid-column:2;justify-self:end;padding:5px 7px}.mailbox-contacts-page .threads .mailbox-thread>.open-threads{grid-row:1}.mailbox-contacts-page .threads .mailbox-thread>.updated{align-self:center;font-size:x-small;grid-column:2;grid-row:2;justify-self:end}
1
+ .mailbox-contacts-page{background-color:hsla(0,0%,83%,.548)}.mailbox-contacts-page [data-resizable]{width:400px}.mailbox-contacts-page [data-element=detail] [data-page-element=action]{margin-right:30px}.mailbox-contacts-page .add-contact{align-items:centern;border-top:1px solid #d3d3d3;display:flex;gap:10px;grid-row:3;justify-content:center;padding-top:5px;place-self:stretch}.mailbox-contacts-page .add-contact>i{color:var(--accent-color);cursor:pointer}.mailbox-contacts-page .blocked-bar{display:flex;flex-direction:column;font-size:smaller;gap:5px;grid-row:1;justify-content:center;padding-bottom:5px;place-self:stretch}.mailbox-contacts-page .blocked-bar *{cursor:pointer}.mailbox-contacts-page .blocked-bar .conversation-type{align-items:center;display:flex;gap:5px}.mailbox-contacts-page .threads-container{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;overflow:hidden;padding-left:5px;padding-right:5px}.mailbox-contacts-page .threads{display:flex;flex-direction:column;gap:10px;grid-row:2;overflow-x:hidden!important;padding-bottom:5px;padding-top:5px}.mailbox-contacts-page .threads .mailbox-thread{background-color:canvas;border-radius:10px;clip-path:polygon(-5% -5%,105% -5%,105% 105%,0 105%);cursor:pointer;display:grid;gap:5px;grid-template-columns:1fr auto auto;grid-template-rows:1fr auto auto;margin-right:5px;padding:5px 10px;position:relative}.mailbox-contacts-page .threads .mailbox-thread:hover,.mailbox-contacts-page .threads .mailbox-thread[data-selected-item]{background-color:var(--selection-color);color:var(--selection-text-color)}.mailbox-contacts-page .threads .mailbox-thread .new{background-image:linear-gradient(90deg,#000 10%,#60ff00 50%,#000 90%);color:#262700;font-size:smaller;font-weight:700;position:absolute;right:20px;text-align:center;top:10px;transform:rotate(45deg);transform-origin:50% 50%;translate:50% 0;width:200px}.mailbox-contacts-page .threads .mailbox-thread>.name{font-weight:700;grid-column:1;grid-row:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox-contacts-page .threads .mailbox-thread>.subject{font-size:smaller;grid-column:1;grid-row:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox-contacts-page .threads .mailbox-thread>.summary{font-size:smaller;grid-column:1/span 3;grid-row:3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox-contacts-page .threads .mailbox-thread>.unread{grid-row:3}.mailbox-contacts-page .threads .mailbox-thread>.open-threads,.mailbox-contacts-page .threads .mailbox-thread>.unread{align-self:center;background-color:#228b22;border-radius:9999px;color:#fff;font-size:x-small;font-weight:700;grid-column:2;justify-self:end;padding:5px 7px}.mailbox-contacts-page .threads .mailbox-thread>.open-threads{grid-row:1}.mailbox-contacts-page .threads .mailbox-thread>.updated{align-self:center;font-size:x-small;grid-column:2;grid-row:2;justify-self:end}
2
2
  /*# sourceMappingURL=MailboxContact.local.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/web/page/mails/contacts/MailboxContact.local.css"],"names":[],"mappings":"AAAA,uBAEI,oCAwKJ,CAtKI,wCACI,WACJ,CAGI,wEACI,iBACJ,CAGJ,oCAOI,mBAAoB,CAJpB,4BAA+B,CAE/B,YAAa,CAGb,QAAS,CANT,UAAW,CAIX,sBAAuB,CAFvB,eAAgB,CAHhB,kBAYJ,CAJI,sCACI,yBAA0B,CAC1B,cACJ,CAGJ,oCAKI,YAAa,CAEb,qBAAsB,CAHtB,iBAAkB,CAIlB,OAAQ,CAPR,UAAW,CAKX,sBAAuB,CAJvB,kBAAmB,CACnB,kBAgBJ,CATI,sCACI,cACJ,CAEA,uDAEI,kBAAmB,CADnB,YAAa,CAEb,OACJ,CAGJ,0CACI,YAAa,CAGb,yBAA0B,CAF1B,gCAAiC,CACjC,eAAgB,CAEhB,gBAAiB,CACjB,iBACJ,CAEA,gCAEI,YAAa,CAEb,qBAAsB,CADtB,QAAS,CAFT,UAAW,CAIX,2BAA6B,CAE7B,kBAAmB,CADnB,eAwGJ,CAtGI,gDACI,uBAAwB,CAUxB,kBAAmB,CATnB,cAAe,CACf,YAAa,CAIb,OAAQ,CAHR,mCAAoC,CACpC,gCAAiC,CAOjC,gBAAiB,CAFjB,gBAAmB,CAJnB,iBA+FJ,CAlFI,0HACI,uCAAwC,CACxC,iCACJ,CAEA,qDACI,qEAA2F,CAU3F,aAAc,CADd,iBAAkB,CAElB,eAAiB,CAVjB,iBAAkB,CAClB,UAAW,CACX,iBAAkB,CAClB,QAAS,CACT,uBAAwB,CACxB,wBAAyB,CACzB,eAAgB,CAChB,WAKJ,CAEA,sDAGI,eAAiB,CADjB,aAAc,CADd,UAAW,CAGX,eAAgB,CAEhB,sBAAuB,CADvB,kBAEJ,CACA,yDAMI,iBAAkB,CAJlB,aAAc,CADd,UAAW,CAEX,eAAgB,CAEhB,sBAAuB,CADvB,kBAGJ,CACA,yDAMI,iBAAkB,CAJlB,oBAAuB,CADvB,UAAW,CAEX,eAAgB,CAEhB,sBAAuB,CADvB,kBAGJ,CACA,wDAEI,UAWJ,CAEA,sHAZI,iBAAkB,CAIlB,wBAA6B,CAD7B,oBAAqB,CAErB,UAAY,CAIZ,iBAAkB,CAPlB,eAAiB,CAJjB,aAAc,CAGd,gBAAiB,CAOjB,eAiBJ,CAbA,8DAEI,UAWJ,CAEA,yDAGI,iBAAkB,CAElB,iBAAkB,CAJlB,aAAc,CACd,UAAW,CAEX,gBAEJ","file":"MailboxContact.local.css"}
1
+ {"version":3,"sources":["../../../../../src/web/page/mails/contacts/MailboxContact.local.css"],"names":[],"mappings":"AAAA,uBAEI,oCAyKJ,CAvKI,wCACI,WACJ,CAGI,wEACI,iBACJ,CAGJ,oCAOI,mBAAoB,CAJpB,4BAA+B,CAE/B,YAAa,CAGb,QAAS,CANT,UAAW,CAIX,sBAAuB,CAFvB,eAAgB,CAHhB,kBAYJ,CAJI,sCACI,yBAA0B,CAC1B,cACJ,CAGJ,oCAKI,YAAa,CAEb,qBAAsB,CAHtB,iBAAkB,CAIlB,OAAQ,CAPR,UAAW,CAKX,sBAAuB,CAJvB,kBAAmB,CACnB,kBAgBJ,CATI,sCACI,cACJ,CAEA,uDAEI,kBAAmB,CADnB,YAAa,CAEb,OACJ,CAGJ,0CACI,YAAa,CAGb,yBAA0B,CAF1B,gCAAiC,CACjC,eAAgB,CAEhB,gBAAiB,CACjB,iBACJ,CAEA,gCAEI,YAAa,CAEb,qBAAsB,CADtB,QAAS,CAFT,UAAW,CAIX,2BAA6B,CAE7B,kBAAmB,CADnB,eAyGJ,CAvGI,gDACI,uBAAwB,CAUxB,kBAAmB,CAEnB,oDAAwD,CAXxD,cAAe,CACf,YAAa,CAIb,OAAQ,CAHR,mCAAoC,CACpC,gCAAiC,CAOjC,gBAAiB,CAFjB,gBAAmB,CAJnB,iBAgGJ,CAlFI,0HACI,uCAAwC,CACxC,iCACJ,CAEA,qDACI,qEAA2F,CAU3F,aAAc,CADd,iBAAkB,CAElB,eAAiB,CAVjB,iBAAkB,CAClB,UAAW,CACX,iBAAkB,CAClB,QAAS,CACT,uBAAwB,CACxB,wBAAyB,CACzB,eAAgB,CAChB,WAKJ,CAEA,sDAGI,eAAiB,CADjB,aAAc,CADd,UAAW,CAGX,eAAgB,CAEhB,sBAAuB,CADvB,kBAEJ,CACA,yDAMI,iBAAkB,CAJlB,aAAc,CADd,UAAW,CAEX,eAAgB,CAEhB,sBAAuB,CADvB,kBAGJ,CACA,yDAMI,iBAAkB,CAJlB,oBAAuB,CADvB,UAAW,CAEX,eAAgB,CAEhB,sBAAuB,CADvB,kBAGJ,CACA,wDAEI,UAWJ,CAEA,sHAZI,iBAAkB,CAIlB,wBAA6B,CAD7B,oBAAqB,CAErB,UAAY,CAIZ,iBAAkB,CAPlB,eAAiB,CAJjB,aAAc,CAGd,gBAAiB,CAOjB,eAiBJ,CAbA,8DAEI,UAWJ,CAEA,yDAGI,iBAAkB,CAElB,iBAAkB,CAJlB,aAAc,CACd,UAAW,CAEX,gBAEJ","file":"MailboxContact.local.css"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@social-mail/social-mail-client",
3
- "version": "1.9.52",
3
+ "version": "1.9.54",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "scripts": {
@@ -16,6 +16,7 @@ import "./HomePage.global.css";
16
16
  import MenuService from "../../../common/menu/MenuService";
17
17
  import PageNavigator from "@web-atoms/web-controls/dist/PageNavigator";
18
18
  import MailboxContacts from "../mails/contacts/MailboxContacts";
19
+ import sleep from "@web-atoms/core/dist/core/sleep";
19
20
 
20
21
  export default class HomePage extends ContentPage {
21
22
 
@@ -28,6 +29,7 @@ export default class HomePage extends ContentPage {
28
29
  </div>
29
30
  </div>;
30
31
  const menuService = this.resolve(MenuService);
32
+ await sleep(10);
31
33
  await menuService.firstSearch;
32
34
  const id = menuService.mailboxes[0].mailboxID;
33
35
  PageNavigator.openPage(MailboxContacts, { id });
@@ -78,6 +78,7 @@
78
78
  padding-right: 10px;
79
79
  border-radius: 10px;
80
80
  margin-right: 5px;
81
+ clip-path: polygon(-5% -5%, 105% -5%, 105% 105%, 0 105%);
81
82
 
82
83
  &:hover {
83
84
  background-color: var(--selection-color);