Skip to content

Instantly share code, notes, and snippets.

@shellprog

shellprog/comment.html

Created April 17, 2018 08:38
Show Gist options
  • Save shellprog/28ed4446a8158ee632073d5ec66cd209 to your computer and use it in GitHub Desktop.
Save shellprog/28ed4446a8158ee632073d5ec66cd209 to your computer and use it in GitHub Desktop.
Download ZIP
Comment
Raw
comment.html
<html>
<head>
<link rel="stylesheet" type="text/css" media="all" href="../../css/base.css" />
<script src="../../js/jquery.js"></script>
<script src="../../js/iframe.js"></script>
<script src="../../js/iframe/comment.js"></script>
<title>Clipper</title>
<style>
body{
background-color:#2c2e3e !important;
color: white !important;
}
.selected{
border:2px solid #6599CC !important;
}
.content{
padding:20px;
}
</style>
</head>
<body>
<div id="comment-container">
<div class="content">
<div id="panel1" class="panel panel-primary">
<div class="panel-heading draggable-handler">Handler for dragging</div>
<div class="panel-body">
<form>
<div class="form-group">
<input type="text" class="form-control form-control-sm" id="id" placeholder="ID #"/>
</div>
<div class="form-group">
<input type="text" class="form-control form-control-sm" id="title" placeholder="Enter title"/>
</div>
<div class="form-group">
<textarea class="form-control form-control-sm" id="description" placeholder="Enter description"></textarea>
</div>
<button type="submit" class="btn btn-primary float-right">Save</button>
</form>
</div>
</div>
</div>
</div>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment