Adds the bottom border that was removed from block titlebars in Craft…

… 3.4.5 back in, for block types using tabs. Thanks @umkasanki! Bump to 1.2.4
vaersaagod · Feb 15, 2020 · 448505a · 448505a
1 parent 0a8e564
commit 448505a
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](http://keepachangelog.com/) and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## 1.2.4 - 2020-02-15
+### Improved
+- Adds a bottom border to Matrix blocks' titlebars for block types with tabs (the native bottom border was removed in Craft 3.4.5) - thanks @umkasanki
+
 ## 1.2.3 - 2020-01-28
 ### Fixed
 - Fixes Craft 3.4 compatibility issues  

diff --git a/composer.json b/composer.json
@@ -2,7 +2,7 @@
     "name": "vaersaagod/matrixmate",
     "description": "Welding Matrix into shape, mate!",
     "type": "craft-plugin",
-    "version": "1.2.3",
+    "version": "1.2.4",
     "keywords": [
         "craft",
         "cms",

diff --git a/src/assetbundles/matrixmate/dist/css/MatrixMate.css b/src/assetbundles/matrixmate/dist/css/MatrixMate.css
@@ -156,3 +156,7 @@ html.noscroll .matrixmate-settings-menu {
     overflow: hidden;
     max-height: none !important;
 }
+
+.matrixmate-has-tabs .titlebar {
+    border-bottom: 1px solid rgba(51, 64, 77, 0.1);
+}
diff --git a/src/assetbundles/matrixmate/dist/js/MatrixMate.js b/src/assetbundles/matrixmate/dist/js/MatrixMate.js
@@ -499,6 +499,8 @@
                     backgroundColor: blockColor
                 });
 
+                $block.addClass('matrixmate-has-tabs');
+
                 this.addListener($tabs.find('a'), 'click', 'onBlockTabClick');
 
             },
-Original file line number
+Diff line change
@@ Expand Up / @@ -499,6 +499,8 @@ @@
                         backgroundColor: blockColor
                     });
+                    $block.addClass('matrixmate-has-tabs');
                     this.addListener($tabs.find('a'), 'click', 'onBlockTabClick');
                 },
@@ Expand Down @@