v1.0.7

themejack · Feb 8, 2017 · 4e316cf · 4e316cf
1 parent ebbf224
commit 4e316cf
Show file tree

Hide file tree

Showing 4 changed files with 83 additions and 12 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,14 @@
 All notable changes to this project will be documented in this file.
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## [1.0.7] - 2017-02-08
+### Fixed
+- Style of embeded posts.
+- Horizontal scroll on mobile phones.
+
+### Changed
+- Footer recent posts minor change
+
 ## [1.0.6] - 2016-11-15
 ### Changed
 - Changed style of post format link.

diff --git a/css/style.css b/css/style.css
@@ -3561,10 +3561,15 @@ textarea {
   left: 0;
 }
 
-.post-content iframe {
+.post-content iframe:not([class^="twitter"]) {
   width: calc(100% + 100px) !important;
+  max-width: calc(100% + 100px) !important;
   margin-left: -50px !important;
-  height: 430px!important;
+}
+
+.post-content iframe[class^="twitter"],
+.post-content twitterwidget {
+  margin: 0 auto!important;
 }
 
 .post-content figure,
@@ -4728,7 +4733,7 @@ a + .rpwe-title:hover {
   }
 
   .container--custom {
-    width: 800px!important;
+    width: 750px!important;
   }
 
   .site-info {
@@ -4797,9 +4802,14 @@ a + .rpwe-title:hover {
     margin: 0 -100px 0 1.5em;
   }
 
-  .post-content iframe {
+  .post-content iframe:not([class^="twitter"]) {
     width: calc(100% + 200px) !important;
-    margin-left: -10px !important;
+    margin-left: -100px !important;
+  }
+
+  .post-content iframe[class^="instagram"] {
+    margin: 0 auto!important;
+    max-width: 100%!important;
   }
 
   .post-content figure:not(.gallery-item) {
@@ -5190,6 +5200,10 @@ a + .rpwe-title:hover {
     margin-right: 0;
   }
 
+  .container--custom {
+    width: 800px!important;
+  }
+
   .site-branding {
     width: 25%;
   }
@@ -5517,10 +5531,19 @@ a + .rpwe-title:hover {
   .masonry-grid__item {
     width: 30.46666667%;
   }
+
+  .rpwe-li {
+    min-height: 120px;
+  }
+
+  .rpwe-li {
+    min-height: 150px;
+  }
 }
 
 @media (max-width: 1199px) {
   .navbar-collapse.in {
+    position: absolute;
     visibility: visible;
     -webkit-transform: translateX(0%) translateZ(0);
             transform: translateX(0%) translateZ(0);
@@ -5539,9 +5562,10 @@ a + .rpwe-title:hover {
     background: #000;
     min-height: 100vh;
     height: auto;
-    position: absolute;
+    position: fixed;
     right: 0;
     top: 0;
+    bottom: 0;
     z-index: 10;
     padding-bottom: 50px;
     -webkit-transform: translateX(100%) translateZ(0);
@@ -5712,6 +5736,13 @@ a + .rpwe-title:hover {
   .navbar-collapse {
     width: 100%;
   }
+
+  .post-content iframe[class^="twitter"],
+  .post-content twitterwidget {
+    width: calc(100% + 100px) !important;
+    max-width: calc(100% + 100px) !important;
+    margin-left: -50px !important;
+  }
 }
 
 @media (max-width: 430px) {

diff --git a/source/less/main.less b/source/less/main.less
@@ -151,6 +151,10 @@ input, textarea {
 /* ---- Other ---- */
 .container--custom {
 	@media (min-width: @screen-sm-min) {
+		width: 750px!important;
+	}
+
+	@media (min-width: @screen-md-min) {
 		width: 800px!important;
 	}
 }
@@ -465,9 +469,10 @@ input, textarea {
 		background: @brand-primary;
 		min-height: 100vh;
 		height: auto;
-		position: absolute;
+		position: fixed;
 		right: 0;
 		top: 0;
+		bottom: 0;
 		z-index: 10;
 		padding-bottom: 50px;
 		transform: translateX(100%) translateZ(0);
@@ -485,6 +490,7 @@ input, textarea {
 	overflow-x: hidden;
 
 	@media (max-width: @screen-md-max) {
+		position: absolute;
 		visibility: visible;
 		transform: translateX(0%) translateZ(0);
 		transition: transform .5s 0s ease-in-out,
@@ -1029,10 +1035,14 @@ input, textarea {
 		}
 	}
 
-	iframe {
+	iframe:not([class^="twitter"]) {
 		width: calc(~'100% + 100px')!important;
+		max-width: calc(~'100% + 100px')!important;
 		margin-left: -50px!important;
-		height: 430px!important;
+	}
+
+	iframe[class^="twitter"], twitterwidget {
+		margin: 0 auto!important;
 	}
 
 	figure, .wp-caption {
@@ -1098,6 +1108,14 @@ input, textarea {
 		margin-bottom: 12px;
 	}
 
+	@media(max-width: 480px) {
+		iframe[class^="twitter"], twitterwidget {
+			width: calc(~'100% + 100px')!important;
+			max-width: calc(~'100% + 100px')!important;
+			margin-left: -50px!important;
+		}
+	}
+
 	@media (min-width: @screen-sm-min) {
 		padding: 70px 100px 40px;
 
@@ -1115,9 +1133,15 @@ input, textarea {
 			}
 		}
 
-		iframe {
+		iframe:not([class^="twitter"]) {
 			width: calc(~'100% + 200px')!important;
-			margin-left: -10px!important;
+			max-width: calc(~'100% + 200px')!important;
+			margin-left: -100px!important;
+		}
+
+		iframe[class^="instagram"], {
+			margin: 0 auto!important;
+			max-width: 100%!important;
 		}
 
 		figure {
@@ -1784,6 +1808,14 @@ table {
 	img {
 		width: 100%;
 	}
+
+	@media(min-width: @screen-lg-min) {
+		min-height: 120px;
+	}
+
+	@media(min-width: @screen-lg-min) {
+		min-height: 150px;
+	}
 }
 
 .rpwe-title {

diff --git a/style.css b/style.css
@@ -4,7 +4,7 @@ Theme URI: http://slicejack.com/karta-free-responsive-wordpress-travel-theme
 Author: Slicejack
 Author URI: http://slicejack.com
 Description: Karta is free Wordpress theme beautifully designed for those who want to share their travel experience in modern and creative way. Use Karta to inspire others showcasing your favourite journeys, photos and tips.
-Version: 1.0.6
+Version: 1.0.7
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: karta