Commit 152c0920 authored by Evonne Cheung's avatar Evonne Cheung Committed by Robert Lyon
Browse files

Bug #1824441 Custom layout thumbnail image appear circular in Modern/Primary 

Removed class from layout to not inherit .user-icon style, then
added styles to reframe the thumbnail properly.

behatnotneeded

Change-Id: If6a26457b79df783ed44fe1e4c7b57c2e9027d7e
(cherry picked from commit 119859d5)
parent 6ef7d471

htdocs/lib/form/elements/layout.php

+1 −1
Original line number Diff line number Diff line
@@ -66,7 +66,7 @@ function pieform_element_layout(Pieform $form, $element) { 
  $output .= '<div id="createcustomlayoutpane" class="row col-static">'



          . '<div class="col-xs-12 col-sm-2">'

          . '<div class="user-icon layoutthumb preview"><div id="custompreview">' . $element['customlayout'] . '</div><p class="metadata text-center">' . get_string('layoutpreview', 'view') .'</p></div>'

          . '<div class="layoutthumb preview"><div id="custompreview">' . $element['customlayout'] . '</div><p class="metadata text-center">' . get_string('layoutpreview', 'view') .'</p></div>'

          . '</div>'

          . '<div id="customrows" class="col-xs-12 col-sm-10">'

              . '<div id="customrow_1" class="customrow form-group five-across multi-label clearfix" style="border-bottom: 0px !important;">'

htdocs/theme/raw/sass/_custom.scss

+8 −0
Original line number Diff line number Diff line
@@ -94,6 +94,14 @@ 
    border-radius: 2px;

    transition: border .2s ease-in-out;

}

#createcustomlayoutpane .layoutthumb {

    border: 1px solid $card-border-color;

    border-radius: 2px;

    padding: 4px;

    display: table;

    overflow: hidden;

    position: relative;

}



.blocktype-radio {

    display: none;