Make link preview cards larger

Tusker/Views/Status/ConversationMainStatusTableViewCell.xib

@@ -102,9 +102,9 @@
                             </textView>
                             <view hidden="YES" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="QqC-GR-TLC" customClass="StatusCardView" customModule="Tusker" customModuleProvider="target">
                                 <rect key="frame" x="0.0" y="131" width="361" height="0.0"/>
-                                <color key="backgroundColor" systemColor="systemBackgroundColor"/>
+                                <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
                                 <constraints>
-                                    <constraint firstAttribute="height" priority="999" constant="65" id="Tdo-Hv-ITE"/>
+                                    <constraint firstAttribute="height" priority="999" constant="90" id="Tdo-Hv-ITE"/>
                                 </constraints>
                             </view>
                             <view hidden="YES" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="IF9-9U-Gk0" customClass="AttachmentsContainerView" customModule="Tusker" customModuleProvider="target">

Tusker/Views/Status/StatusCardView.swift

@@ -25,8 +25,10 @@ class StatusCardView: UIView {
     private var imageRequest: ImageCache.Request?
     private var isGrayscale = false
     
+    private var hStack: UIStackView!
     private var titleLabel: UILabel!
     private var descriptionLabel: UILabel!
+    private var domainLabel: UILabel!
     private var imageView: UIImageView!
     private var placeholderImageView: UIImageView!
     
@@ -41,11 +43,13 @@ class StatusCardView: UIView {
     }
     
     private func commonInit() {
-        self.clipsToBounds = true
-        self.layer.cornerRadius = 6.5
-        self.layer.borderWidth = 1
-        self.layer.borderColor = UIColor.lightGray.cgColor
-        self.backgroundColor = inactiveBackgroundColor
+//        self.clipsToBounds = true
+//        self.layer.borderWidth = 0.5
+//        self.layer.borderColor = UIColor.lightGray.cgColor
+        self.layer.shadowColor = UIColor.black.cgColor
+        self.layer.shadowRadius = 5
+        self.layer.shadowOpacity = 0.2
+        self.layer.shadowOffset = .zero
         
         self.addInteraction(UIContextMenuInteraction(delegate: self))
         
@@ -60,9 +64,16 @@ class StatusCardView: UIView {
         descriptionLabel.numberOfLines = 2
         descriptionLabel.setContentCompressionResistancePriority(.defaultLow, for: .vertical)
         
+        domainLabel = UILabel()
+        domainLabel.font = .preferredFont(forTextStyle: .caption2)
+        domainLabel.adjustsFontForContentSizeCategory = true
+        domainLabel.numberOfLines = 1
+        domainLabel.textColor = .tintColor
+        
         let vStack = UIStackView(arrangedSubviews: [
             titleLabel,
-            descriptionLabel
+            descriptionLabel,
+            domainLabel,
         ])
         vStack.axis = .vertical
         vStack.alignment = .leading
@@ -73,15 +84,23 @@ class StatusCardView: UIView {
         imageView.contentMode = .scaleAspectFill
         imageView.clipsToBounds = true
         
-        let hStack = UIStackView(arrangedSubviews: [
+        let spacer = UIView()
+        spacer.backgroundColor = .clear
+        
+        hStack = UIStackView(arrangedSubviews: [
             imageView,
-            vStack
+            vStack,
+            spacer,
         ])
         hStack.translatesAutoresizingMaskIntoConstraints = false
         hStack.axis = .horizontal
         hStack.alignment = .center
         hStack.distribution = .fill
         hStack.spacing = 4
+        hStack.clipsToBounds = true
+        hStack.layer.borderWidth = 0.5
+        hStack.layer.borderColor = UIColor.lightGray.cgColor
+        hStack.backgroundColor = inactiveBackgroundColor
         
         addSubview(hStack)
         
@@ -98,8 +117,10 @@ class StatusCardView: UIView {
             
             vStack.heightAnchor.constraint(equalTo: heightAnchor, constant: -8),
             
+            spacer.widthAnchor.constraint(equalToConstant: 4),
+            
             hStack.leadingAnchor.constraint(equalTo: leadingAnchor),
-            hStack.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -4),
+            hStack.trailingAnchor.constraint(equalTo: trailingAnchor),
             hStack.topAnchor.constraint(equalTo: topAnchor),
             hStack.bottomAnchor.constraint(equalTo: bottomAnchor),
             
@@ -112,6 +133,11 @@ class StatusCardView: UIView {
         NotificationCenter.default.addObserver(self, selector: #selector(updateUIForPreferences), name: .preferencesChanged, object: nil)
     }
     
+    override func layoutSubviews() {
+        super.layoutSubviews()
+        hStack.layer.cornerRadius = 0.1 * bounds.height
+    }
+    
     func updateUI(status: StatusMO) {
         guard status.id != statusID else {
             return
@@ -135,6 +161,13 @@ class StatusCardView: UIView {
         let description = card.description.trimmingCharacters(in: .whitespacesAndNewlines)
         descriptionLabel.text = description
         descriptionLabel.isHidden = description.isEmpty
+        
+        if let host = card.url.host {
+            domainLabel.text = host.serialized
+            domainLabel.isHidden = false
+        } else {
+            domainLabel.isHidden = true
+        }
     }
     
     @objc private func updateUIForPreferences() {
@@ -201,7 +234,7 @@ class StatusCardView: UIView {
     }
     
     override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
-        backgroundColor = activeBackgroundColor
+        hStack.backgroundColor = activeBackgroundColor
         setNeedsDisplay()
     }
     
@@ -209,7 +242,7 @@ class StatusCardView: UIView {
     }
     
     override func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?) {
-        backgroundColor = inactiveBackgroundColor
+        hStack.backgroundColor = inactiveBackgroundColor
         setNeedsDisplay()
         
         if let card = card, let delegate = navigationDelegate {
@@ -218,7 +251,7 @@ class StatusCardView: UIView {
     }
     
     override func touchesCancelled(_ touches: Set<UITouch>, with event: UIEvent?) {
-        backgroundColor = inactiveBackgroundColor
+        hStack.backgroundColor = inactiveBackgroundColor
         setNeedsDisplay()
     }
 
@@ -238,6 +271,12 @@ extension StatusCardView: UIContextMenuInteractionDelegate {
         }
     }
     
+    func contextMenuInteraction(_ interaction: UIContextMenuInteraction, previewForHighlightingMenuWithConfiguration configuration: UIContextMenuConfiguration) -> UITargetedPreview? {
+        let params = UIPreviewParameters()
+        params.visiblePath = UIBezierPath(roundedRect: hStack.bounds, cornerRadius: hStack.layer.cornerRadius)
+        return UITargetedPreview(view: hStack, parameters: params)
+    }
+    
     func contextMenuInteraction(_ interaction: UIContextMenuInteraction, willPerformPreviewActionForMenuWith configuration: UIContextMenuConfiguration, animator: UIContextMenuInteractionCommitAnimating) {
         if let viewController = animator.previewViewController,
            let delegate = navigationDelegate {

Tusker/Views/Status/StatusContentContainer.swift

@@ -20,7 +20,7 @@ class StatusContentContainer: UIView {
     
     let cardView = StatusCardView().configure {
         NSLayoutConstraint.activate([
-            $0.heightAnchor.constraint(equalToConstant: 65),
+            $0.heightAnchor.constraint(equalToConstant: 90),
         ])
     }
     

Tusker/Views/Status/TimelineStatusTableViewCell.xib

@@ -132,9 +132,9 @@
                                             </textView>
                                             <view hidden="YES" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="LKo-VB-XWl" customClass="StatusCardView" customModule="Tusker" customModuleProvider="target">
                                                 <rect key="frame" x="0.0" y="200.5" width="295" height="0.0"/>
-                                                <color key="backgroundColor" systemColor="systemBackgroundColor"/>
+                                                <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
                                                 <constraints>
-                                                    <constraint firstAttribute="height" priority="999" constant="65" id="khY-jm-CPn"/>
+                                                    <constraint firstAttribute="height" priority="999" constant="90" id="khY-jm-CPn"/>
                                                 </constraints>
                                             </view>
                                             <view hidden="YES" contentMode="scaleToFill" verticalCompressionResistancePriority="1" translatesAutoresizingMaskIntoConstraints="NO" id="nbq-yr-2mA" customClass="AttachmentsContainerView" customModule="Tusker" customModuleProvider="target">