mirror/php-e107
1
0
Fork 0
mirror of https://github.com/e107inc/e107.git synced 2025-08-02 12:48:26 +02:00
Code Issues Releases Wiki Activity

Bootstrap3 Featurebox responsive-design fix.

Browse Source
This commit is contained in:
Cameron
2014-01-24 03:16:11 -08:00
parent cb75ba4aab
commit bcad40e48d
2 changed files with 16 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
e107_plugins/featurebox/templates/featurebox_template.php
View File

@@ -11,7 +11,7 @@ global $sc_style;
// e107 v2.x Defaults. // e107 v2.x Defaults.
$FEATUREBOX_TEMPLATE['bootstrap_carousel_default'] = '{SETIMAGE: w=1900&h=500&crop=1} $FEATUREBOX_TEMPLATE['bootstrap_carousel_default'] = '{SETIMAGE: w=1900&h=450&crop=1}
<div class="{FEATUREBOX_ACTIVE} item slide{FEATUREBOX_COUNTER}"> <div class="{FEATUREBOX_ACTIVE} item slide{FEATUREBOX_COUNTER}">
{FEATUREBOX_IMAGE=placeholder} {FEATUREBOX_IMAGE=placeholder}
<div class="container"> <div class="container">
@@ -24,13 +24,13 @@ $FEATUREBOX_TEMPLATE['bootstrap_carousel_default'] = '{SETIMAGE: w=1900&h=500&cr
$FEATUREBOX_TEMPLATE['bootstrap_carousel_left'] = ' $FEATUREBOX_TEMPLATE['bootstrap_carousel_left'] = '
<!-- slide --> {SETIMAGE: w=600&h=500&crop=1} <!-- slide --> {SETIMAGE: w=600&h=450&crop=1}
<div class="{FEATUREBOX_ACTIVE} item slide{FEATUREBOX_COUNTER}"> <div class="{FEATUREBOX_ACTIVE} item slide{FEATUREBOX_COUNTER}">
<div class="media container"> <div class="container">
<div class="media-object featurebox-item-image col-lg-6 pull-left "> <div class="featurebox-item-image col-xs-12 col-md-6 col-sm-6 pull-left ">
{FEATUREBOX_IMAGE=placeholder} {FEATUREBOX_IMAGE=placeholder}
</div> </div>
<div class="media-body featurebox-item-text span4"> <div class="featurebox-item-text col-xs-12 col-md-6 col-sm-6 span4">
<h1> <h1>
{FEATUREBOX_TITLE} {FEATUREBOX_TITLE}
</h1> </h1>
@@ -48,11 +48,11 @@ $FEATUREBOX_TEMPLATE['bootstrap_carousel_left'] = '
$FEATUREBOX_TEMPLATE['bootstrap_carousel_right'] = ' $FEATUREBOX_TEMPLATE['bootstrap_carousel_right'] = '
{SETIMAGE: w=600&h=500&crop=1} {SETIMAGE: w=600&h=500&crop=1}
<div class="{FEATUREBOX_ACTIVE} item slide{FEATUREBOX_COUNTER}"> <div class="{FEATUREBOX_ACTIVE} item slide{FEATUREBOX_COUNTER}">
<div class="media container"> <div class="container">
<div class="featurebox-item-image media-object pull-right span6 col-lg-6"> <div class="featurebox-item-image pull-right col-xs-12 col-sm-6 col-md-6 span6">
{FEATUREBOX_IMAGE=placeholder} {FEATUREBOX_IMAGE=placeholder}
</div> </div>
<div class="featurebox-item-text media-body animated fadeInUpBig"> <div class="featurebox-item-text col-xs-12 col-md-6 col-sm-6">
<h1>{FEATUREBOX_TITLE}</h1> <h1>{FEATUREBOX_TITLE}</h1>
{FEATUREBOX_TEXT} {FEATUREBOX_TEXT}

20
e107_themes/bootstrap3/style.css
View File

@@ -73,8 +73,9 @@ body {
-------------------------------------------------- */ -------------------------------------------------- */
/* Carousel base class */ /* Carousel base class */
.featurebox.carousel { .featurebox.carousel {
height: 500px; min-height:460px;
} }
/* Since positioning the image, we need to help out the caption */ /* Since positioning the image, we need to help out the caption */
.carousel-caption { .carousel-caption {
@@ -83,21 +84,16 @@ body {
/* Declare heights because of positioning of img element */ /* Declare heights because of positioning of img element */
.featurebox.carousel .item { .featurebox.carousel .item {
height: 500px; min-height:460px;
background-color: #CCCCCC; background-color: #CCCCCC;
} }
.carousel-inner > .item > img {
position: absolute; .featurebox-item-image.pull-left, .featurebox-item-image.pull-right {
top: 0;
left: 0; margin-top: 25px;
min-width: 100%;
height: 500px;
}
.media-object.featurebox-item-image {
margin: 25px 0px;
} }
img.featurebox { border-radius: 5px }
.xurl-social-icons a { .xurl-social-icons a {
color: inherit; color: inherit;