Fix album multiselect overflow

src/lib/appManagers/appImManager.ts

@@ -2078,7 +2078,6 @@ export class AppImManager {
           
           bubble.classList.add('hide-name', 'photo');
           const tailSupported = !isAndroid;
-          if(tailSupported) bubble.classList.add('with-media-tail');
 
           const storage = appMessagesManager.groupedMessagesStorage[message.grouped_id];
           if(message.grouped_id && Object.keys(storage).length != 1) {
@@ -2094,6 +2093,7 @@ export class AppImManager {
             break;
           }
 
+          if(tailSupported) bubble.classList.add('with-media-tail');
           wrapPhoto(photo, message, attachmentDiv, undefined, undefined, tailSupported, isOut, this.lazyLoadQueue, this.getMiddleware());
 
           break;

src/scss/partials/_chatBubble.scss

@@ -230,7 +230,7 @@ $bubble-margin: .25rem;
     }
   }
 
-  #bubbles.is-selecting & {
+  #bubbles.is-selecting &:not(.is-album) {
     .audio, .document, .attachment, poll-element {
       pointer-events: none !important;
     }
@@ -561,6 +561,8 @@ $bubble-margin: .25rem;
     overflow: hidden;
     user-select: none;
 
+    //-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); // fix safari overflow
+    
     display: flex; // lol
     justify-content: center;
     position: relative;
@@ -628,6 +630,9 @@ $bubble-margin: .25rem;
     .attachment {
       max-width: unquote('min(451px, 100%)');
       max-height: none;
+      //overflow: hidden;
+    }
+  }
 
   .album-item {
     background-color: lighten($color-blue, 35%);
@@ -636,10 +641,18 @@ $bubble-margin: .25rem;
     position: absolute;
     overflow: hidden;
 
+    /* #bubbles.is-selecting & {
+      -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); // fix safari overflow
+    } */
+
     img, video {
       border-radius: inherit;
     }
 
+    &-media { // * fix overflow for handhelds
+      border-radius: inherit;
+    }
+
     .bubble-select-checkbox {
       bottom: auto !important;
       left: auto;
@@ -652,7 +665,6 @@ $bubble-margin: .25rem;
       
       .album-item-media {
         transform: scale(1);
-            border-radius: 0;
       }
 
       &.animating {
@@ -674,8 +686,6 @@ $bubble-margin: .25rem;
       }
     }
   }
-    }
-  }
   
   //&.video {
     //.attachment {
@@ -1204,7 +1214,7 @@ $bubble-margin: .25rem;
     }
   }
 
-  &:not(.webpage):not(.is-album):not(.sticker):not(.round):not(.emoji-big) .attachment, .album-item {
+  &:not(.webpage):not(.is-album):not(.sticker):not(.round):not(.emoji-big) .attachment {
     background-color: #000;
   }