Quickicons wrap-able text

joomla · Mar 12, 2017 · 8331685 · 8331685
1 parent 2c2d159
commit 8331685
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 11 deletions.
diff --git a/administrator/templates/atum/css/template.css b/administrator/templates/atum/css/template.css
@@ -9194,9 +9194,9 @@ iframe {
       vertical-align: middle; }
     .quick-icons a span {
       z-index: 1;
-      padding-left: .9rem;
-      font-size: 1.2rem;
-      line-height: 4.7rem; }
+      font-size: 1.2rem; }
+      .quick-icons a span.j-links-link {
+        padding-left: 1rem; }
       @media (max-width: 575px) {
         .quick-icons a span {
           padding: 0;

diff --git a/administrator/templates/atum/css/template.css.map b/administrator/templates/atum/css/template.css.map
diff --git a/administrator/templates/atum/css/template.min.css b/administrator/templates/atum/css/template.min.css
diff --git a/administrator/templates/atum/scss/blocks/_quickicons.scss b/administrator/templates/atum/scss/blocks/_quickicons.scss
@@ -53,9 +53,12 @@
 
     span {
       z-index: 1;
-      padding-left: .9rem;
       font-size: 1.2rem;
-      line-height: 4.7rem;
+
+      &.j-links-link {
+        padding-left: 1rem;
+
+      }
 
       @include media-breakpoint-only(xs) {
         padding: 0;
@@ -64,7 +67,7 @@
       }
 
       &[class*=" icon-"],
-	  &[class^="icon-"] {
+	    &[class^="icon-"] {
         width: 5rem;
         height: 4.7rem;
         padding-left: 2px;

diff --git a/layouts/joomla/quickicons/icon.php b/layouts/joomla/quickicons/icon.php
@@ -26,7 +26,7 @@
 <div class="col-4 col-md-3"<?php echo $id; ?>>
 	<a href="<?php echo $displayData['link']; ?>" class="d-flex align-items-stretch<?php echo $pulse; ?>"<?php echo $target . $onclick . $title; ?>>
 		<span class="mr-1 icon-<?php echo $displayData['image']; ?> text-center"></span>
-		<span class="hidden-xs-down"><?php echo $text; ?></span>
+		<span class="d-flex align-items-center hidden-xs-down"><?php echo $text; ?></span>
 	</a>
 	<span class="hidden-sm-up quickicon-text-xs"><?php echo $text; ?></span>
 </div>