Merge pull request #12 from ciar4n/24026

Changelog styling
roland-d · Mar 7, 2019 · 340eb46 · 340eb46
2 parents c4a64c2 + 2012ef3
commit 340eb46
Show file tree

Hide file tree

Showing 2 changed files with 55 additions and 7 deletions.
diff --git a/administrator/templates/atum/scss/blocks/_modals.scss b/administrator/templates/atum/scss/blocks/_modals.scss
@@ -44,3 +44,47 @@
 .contentpane {
   padding: 15px;
 }
+
+// Changelog
+.changelog {
+  text-align: left !important;
+
+  &__item {
+    display: flex;
+    border-bottom: 1px solid $table-border-color;
+  }
+
+  &__tag {
+    flex: 1 0 180px;
+    max-width: 180px;
+    padding: 10px 15px;
+    background: darken($gray-100, 2.5%);
+    border-right: 1px solid $table-border-color;
+    text-align: right;
+
+    .badge {
+      border-radius: .2rem;
+
+      &.badge-jlanguage {
+        background-color: $white;
+      }
+    }
+  }
+
+  &__list {
+    padding: 10px 15px;
+
+    ul {
+      padding-left: 15px;
+      margin-bottom: 0;
+    }
+
+    li {
+      margin-bottom: .15rem;
+
+      &:last-of-type{
+        margin-bottom: 0;
+      }
+    }
+  }
+}
diff --git a/layouts/joomla/installer/changelog.php b/layouts/joomla/installer/changelog.php
@@ -45,14 +45,18 @@
 	}
 
 	?>
-    <div class="pull-left">
-        <div class="badge <?php echo $class; ?>"><?php echo Text::_('COM_INSTALLER_CHANGELOG_' . $changeType); ?></div>
-        <ul>
-            <li><?php echo implode('</li><li>', $items); ?></li>
-
-        </ul>
+    <div class="changelog">
+    	<div class="changelog__item">
+	    	<div class="changelog__tag">
+	    		<span class="badge <?php echo $class; ?>"><?php echo Text::_('COM_INSTALLER_CHANGELOG_' . $changeType); ?></span>
+	    	</div>
+	    	<div class="changelog__list">
+	    		<ul>
+		            <li><?php echo implode('</li><li>', $items); ?></li>
+		        </ul>
+	    	</div>
+	    </div>
     </div>
-    <div class="clearfix"></div>
 	<?php
 }
 );