Gist Issue

• 

  christiangrech · Member · Nov 6, 2014 at 9:05 am

  • Copy link
  • Add topic to favorites

  Gist is not showing with the correct height. It is only showing 1 line.

  The blog I need help with is: (visible only to logged in users)

• 

  staff-happychia · Staff · Nov 6, 2014 at 9:26 am

  • Copy link

  Could you share the url of your gist so I can test and see how it shows up?

  Your blog is private so I can’t take a look of you gist to check how your gist appears.

• 

  christiangrech · Member · Nov 6, 2014 at 9:28 am

  • Copy link

  Here’s the link:

  
  

  	.table {
  	display: table;
  	width: 100%;
  	}
  	.table-head {
  	display: table-header-group;
  	background-color: #FAFAFA;
  	font-size: 15px;
  	}
  	.table-body {
  	display: table-row-group;
  	}
  	.table-row {
  	clear:both;
  	display: table-row;
  	width: 100%;
  	}
  	.table-row > div {
  	display: table-cell;
  	padding: 10px 15px;
  	vertical-align: middle;
  	}
  	.table-row > div * {
  	line-height: 20px;
  	}

  view raw
  
  CSS
  
  hosted with ❤ by GitHub

  
  

  	<div class="table">
  	<div class="table-head">
  	<div class="table-row">
  	<div>Name</div>
  	<div>Type</div>
  	<div>Size</div>
  	<div>Created On</div>
  	</div>
  	</div>
  	<div class="table-body">
  	<div class="table-row">
  	<div>Image1</div>
  	<div>PNG</div>
  	<div>216 KB</div>
  	<div>01 November 2014</div>
  	</div>
  	<div class="table-row">
  	<div>Image2</div>
  	<div>PNG</div>
  	<div>846 KB</div>
  	<div>03 November 2014</div>
  	</div>
  	<div class="table-row">
  	<div>Image3</div>
  	<div>PNG</div>
  	<div>531 KB</div>
  	<div>03 November 2014</div>
  	</div>
  	</div>
  	</div>

  view raw
  
  HTML
  
  hosted with ❤ by GitHub

• 

  staff-happychia · Staff · Nov 6, 2014 at 9:46 am

  • Copy link

  This is definitely a valid gist but it seems it has two files (html and css) in it. May be that’s why WordPtress.com Gist widget doesn’t like it. Could you try separating html and css into separate gists and see if you can add either of them to your blog?

  A simple gist like following, works fine.

  
  

  	singleDigitSum = function( number){
  	if(number % 9 === 0){
  	return 9;
  	}
  	else{
  	return number % 9;
  	}
  	};
  	do{
  	var number = prompt("Enter number to find single digit sum.Enter 'q' to quit.");
  	if(number.length > 0 && isNaN(number)===false)
  	alert("Single digit sum of " + number + " is: "+ singleDigitSum(number));
  	else if(number!== 'q')
  	alert("Please enter a numeric value.");
  	} while(number !== 'q');

  view raw
  
  singleDigitSumCalculator.js
  
  hosted with ❤ by GitHub

• 

  christiangrech · Member · Nov 6, 2014 at 2:58 pm

  • Copy link

  Even the one you gave me does not look good

• 

  staff-happychia · Staff · Nov 7, 2014 at 7:28 am

  • Copy link

  Which theme do you use? Is it okay to make your blog open until we solve this problem?

• 

  christiangrech · Member · Nov 7, 2014 at 10:45 am

  • Copy link

  It was a theme issue. I was using ‘Intergalactic’.

• 

  designsimply · Member · Nov 7, 2014 at 1:57 pm

  • Copy link

  I tested embedding the gist https://gist.github.com/ChristianGrech/8b7f9a188e6a52a71436 with the themes Intergalactic, Twenty Fourteen, and Chunck and it didn’t work for me in any of those themes. I think chaitanyamsv is correct that you must link to each gist individually for the embed to work.

  I checked this post http://christiangrech.wordpress.com/2014/10/30/modals/ and I noticed you used https://gist.github.com/eaf2a317ef4999da4299 and https://gist.github.com/e2492a474492fd18a072 separately there and it worked as expected.

• 

  christiangrech · Member · Nov 7, 2014 at 2:09 pm

  • Copy link

  But I have now changed the theme that is why it is working fine now. Even the one with two files in one gist is working correctly.

• 

  designsimply · Member · Nov 7, 2014 at 3:00 pm

  • Copy link

  Even the one with two files in one gist is working correctly.

  Huh, I tested https://gist.github.com/ChristianGrech/8b7f9a188e6a52a71436 and couldn’t get it to work in a few separate themes I checked, including the Chunk theme.

  I did a little more research, and I found you’re using that gist in this post http://christiangrech.wordpress.com/2014/10/24/responsive-websites/ but you used https://gist.github.com/8b7f9a188e6a52a71436 instead of https://gist.github.com/ChristianGrech/8b7f9a188e6a52a71436 that time. I wonder if it has something to do with the capital letters in your username…

  Anyway, it does look possibly like a bug to me (a really rare/odd one), but I don’t think it’s theme-related.