diff --git a/src/Umbraco.Web.UI.Client/src/common/directives/components/umbmediagrid.directive.js b/src/Umbraco.Web.UI.Client/src/common/directives/components/umbmediagrid.directive.js index 20d50ed5f9..cd27eb9d01 100644 --- a/src/Umbraco.Web.UI.Client/src/common/directives/components/umbmediagrid.directive.js +++ b/src/Umbraco.Web.UI.Client/src/common/directives/components/umbmediagrid.directive.js @@ -5,7 +5,6 @@ function link(scope, el, attr, ctrl) { - scope.folders = []; scope.mediaItems = []; var itemMaxHeight = 200; @@ -25,7 +24,6 @@ function activate() { - scope.folders = []; scope.mediaItems = []; for (var i = 0; scope.items.length > i; i++) { @@ -87,9 +85,7 @@ function seperateFolderAndMediaItems(item) { - if(item.isFolder){ - scope.folders.push(item); - } else { + if(!item.isFolder){ scope.mediaItems.push(item); } diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-media-grid.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-media-grid.less index 43599f469c..90ec086147 100644 --- a/src/Umbraco.Web.UI.Client/src/less/components/umb-media-grid.less +++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-media-grid.less @@ -2,69 +2,12 @@ display: flex; flex-wrap: wrap; flex-direction: row; + flex-wrap: wrap; + align-items: center; width: 100%; margin-bottom: 30px; } -/* ---------- FOLDERS --------- */ - -.umb-media-grid__folders { - display: flex; - flex-direction: row; - flex-wrap: wrap; - width: 100%; - margin-bottom: 20px; -} - -.umb-media-grid__folder { - background: @grayLighter; - margin: 5px; - display: flex; - align-items: center; - padding: 10px 20px; - box-sizing: border-box; - flex: 1 1 200px; - border: 1px solid transparent; - transition: border 0.2s; - position: relative; - justify-content: space-between; -} - -.umb-media-grid__folder:focus, -.umb-media-grid__folder:active { - text-decoration: none; -} - -.umb-media-grid__folder:hover { - text-decoration: none; - border: 1px solid @blue; -} - -.umb-media-grid__folder-description { - display: flex; - align-items: center; -} - -.umb-media-grid__folder-icon { - font-size: 20px; - color: @gray; - margin-right: 20px; -} - -.umb-media-grid__folder-name { - font-size: 13px; -} - -/* ---------- MEDIA ---------- */ - -.umb-media-grid__media { - display: flex; - flex-direction: row; - flex-wrap: wrap; - width: 100%; - align-items: center; -} - .umb-media-grid__item { margin: 7px; position: relative; @@ -76,12 +19,6 @@ text-decoration: none; } -.umb-media-grid__item-image-placeholder { - width: 200px; - height: 200px; - display: inline-block; -} - .umb-media-grid__item-image { width: 100%; max-width: 100%; diff --git a/src/Umbraco.Web.UI.Client/src/views/components/umb-media-grid.html b/src/Umbraco.Web.UI.Client/src/views/components/umb-media-grid.html index 8def649838..b624d7d38d 100644 --- a/src/Umbraco.Web.UI.Client/src/views/components/umb-media-grid.html +++ b/src/Umbraco.Web.UI.Client/src/views/components/umb-media-grid.html @@ -1,40 +1,21 @@ -
+
- - - +