Skip to content

Instantly share code, notes, and snippets.

@lastorset
Last active September 13, 2015 19:29
Show Gist options
  • Save lastorset/b2dd56310745cd1d10f6 to your computer and use it in GitHub Desktop.
Save lastorset/b2dd56310745cd1d10f6 to your computer and use it in GitHub Desktop.
Semi-minimized TC for #112 in rust-playpen https://github.com/rust-lang/rust-playpen/issues/112
<!DOCTYPE html>
<html><head>
<title>#112 in Rust Playground</title>
<meta charset="utf-8">
<link rel="stylesheet" href="web.css">
<body>
<main>
<div id="editor" ></div>
<div id="result" >
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
</div>
</main>
</body></html>
/* Styles to support test case */
@font-face {
font-family: Ahem;
src: url(http://www.w3.org/Style/CSS/Test/Fonts/Ahem/AHEM____.TTF);
}
body {
margin: 0;
}
main {
font-family: Ahem;
font-size: 10px;
}
#editor {
background: green;
}
#result {
color: red;
white-space: pre-line;
}
/* Simplified styles from site */
:root {
height: 100%;
}
body {
display: flex;
flex-flow: column;
height: 100%;
}
main {
display: flex;
flex: 1;
flex-flow: column;
overflow-y: auto;
}
#editor, #result {
position: relative;
}
#editor {
flex: 1 60%;
}
#result {
flex: 1 40%;
overflow: auto;
}
<!DOCTYPE html>
<html>
<head>
<title>#112 in Rust Playground</title>
</head>
<body>
<p>More than half the box should be green. There should be no red. There should be a scrollbar in the white part of the box.</p>
<iframe height="300" width="400" src="play-112-min.html">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment