Skip to content
Snippets Groups Projects
Commit 0486845a authored by Magnus Norddahl's avatar Magnus Norddahl
Browse files

Add a search input control

parent 50c00991
No related branches found
No related tags found
No related merge requests found
Expand all Hide whitespace changes
Inline Side-by-side
Help/index.css
+ 17
− 1
View file @ 0486845a
...@@ -23,10 +23,26 @@ a:hover { color: #0b434a; } ...@@ -23,10 +23,26 @@ a:hover { color: #0b434a; }
body { width: 100vw; height: 100vh; } body { width: 100vw; height: 100vh; }
.listview { .sidepanel {
width: 300px; width: 300px;
background: rgb(240, 240, 240); background: rgb(240, 240, 240);
border-right: 1px solid rgb(200,200,200); border-right: 1px solid rgb(200,200,200);
}
.searchbox {
margin: 10px 10px 5px 10px;
padding: 2px 10px;
border: 1px solid #dddddd;
background: white;
line-height: 25px;
}
.searchbox:focus {
outline: none;
border-color: rgb(150,150,255);
}
.listview {
overflow-y: scroll; overflow-y: scroll;
padding: 5px 0; padding: 5px 0;
} }
......
Help/index.html
+ 4
− 1
View file @ 0486845a
...@@ -6,7 +6,10 @@ ...@@ -6,7 +6,10 @@
<link href="index.css" rel="stylesheet" type="text/css" /> <link href="index.css" rel="stylesheet" type="text/css" />
</head> </head>
<body class="hbox"> <body class="hbox">
<div id="listview" class="listview"></div> <div id="sidepanel" class="sidepanel view vbox">
<input id="searchbox" class="searchbox view" type="text" placeholder="Search for..." />
<div id="listview" class="listview view expanding"></div>
</div>
<iframe id="content" class="content expanding"></iframe> <iframe id="content" class="content expanding"></iframe>
<script src="index.js"></script> <script src="index.js"></script>
</body> </body>
......
Help/index.js
+ 128
− 4
View file @ 0486845a
This diff is collapsed.
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