Skip to content

C
ConceptXBlock
Commit ea615bf4 by Piotr Mitros
Options

Styling issues

parent 439fc82d
Showing with 8 additions and 23 deletions
xoncept/static/css/xoncept.css
...@@ -26,6 +26,12 @@ ...@@ -26,6 +26,12 @@
width:600px; width:600px;
} }
div.concept_wrapper {
display:inline-block;
width:auto;
height:550px;
}
div.description { div.description {
padding: 5px; padding: 5px;
border: 1px solid #d4d4d4; border: 1px solid #d4d4d4;
......
xoncept/static/html/xoncept.html
<!--!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Concept Map XBlock</title>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v1.3.0.js"> </script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="xoncept.css" /-->
<script id="lo-template" type="text/x-handlebars-template"> <script id="lo-template" type="text/x-handlebars-template">
<div class="lo_drag" style="border:1px solid #DDDDDD; width:200px; height:55px; display:inline-block; background-color: #FCFCFC; border-radius: 3px; padding:0px"> <div class="lo_drag" style="border:1px solid #DDDDDD; width:200px; height:55px; display:inline-block; background-color: #FCFCFC; border-radius: 3px; padding:0px">
<div style="block;background-color: #F0F0F0; height:20px; padding:3px;"> <div style="block;background-color: #F0F0F0; height:20px; padding:3px;">
...@@ -21,9 +10,7 @@ ...@@ -21,9 +10,7 @@
</div> </div>
</script> </script>
</head> <div class="concept_wrapper">
<body>
<div> <div>
<div class="header"> Learning objectives </div> <div class="header"> Learning objectives </div>
<div class="objectives"> <div class="objectives">
...@@ -55,12 +42,4 @@ ...@@ -55,12 +42,4 @@
Description Description
</div> </div>
</div> </div>
</div>
<!--div id="foo" style="display:inline-block"></div-->
</body>
<!--script type="text/javascript" src="sample.js">
</script>
<!--/html-->
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment