Merge remote-tracking branch 'origin/develop' into media-modal-tsx

app/soapbox/features/ui/util/async-components.ts

@@ -146,10 +146,6 @@ export function ActionsModal() {
   return import(/* webpackChunkName: "features/ui" */'../components/actions_modal');
 }
 
-export function FocalPointModal() {
-  return import(/* webpackChunkName: "features/ui" */'../components/focal_point_modal');
-}
-
 export function HotkeysModal() {
   return import(/* webpackChunkName: "features/ui" */'../components/hotkeys_modal');
 }

app/styles/components/compose-form.scss

@@ -242,39 +242,3 @@
     @apply block shadow-md;
   }
 }
-
-.focal-point {
-  position: relative;
-  cursor: pointer;
-  overflow: hidden;
-
-  &.dragging {
-    cursor: move;
-  }
-
-  img {
-    max-width: 80vw;
-    max-height: 80vh;
-    width: auto;
-    height: auto;
-    margin: auto;
-  }
-
-  &__reticle {
-    position: absolute;
-    width: 100px;
-    height: 100px;
-    transform: translate(-50%, -50%);
-    background: url('../images/reticle.png') no-repeat 0 0;
-    border-radius: 50%;
-    box-shadow: 0 0 0 9999em rgba($base-shadow-color, 0.35);
-  }
-
-  &__overlay {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
-  }
-}

app/styles/components/modal.scss

@@ -387,12 +387,6 @@
   }
 }
 
-.focal-point-modal {
-  max-width: 80vw;
-  max-height: 80vh;
-  position: relative;
-}
-
 .column-inline-form {
   padding: 7px 15px;
   padding-right: 5px;