Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add search button #39

Closed
wants to merge 6 commits into from
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
38 changes: 35 additions & 3 deletions code/css/popup.css
Original file line number Diff line number Diff line change
Expand Up @@ -52,8 +52,39 @@ html {
height: 24px;
font-size: 12px;
}

.fa {
#bookmarks{
padding-bottom:60px;
}
.input-group{
border:1px solid #ced4da;
border-radius:5px;
border-width: 2px;
margin-top: 25px;
}
.input-group search{
float: left;
width: 90%;
border: none;
padding: 0px;
}
.input-group button{
height: 40px;
margin: 0px;
border-radius:px;
float:left;
width:10%;
border-left:none;
cursor:pointer;
}
#pop-tags{
padding-left: 20%;
}
@media (min-width: 1200px)
.container {
max-width: 100% !important;
}

.fa {
font-size: 15px;
cursor: pointer;
user-select: none;
Expand Down Expand Up @@ -144,4 +175,5 @@ hr {
margin:10px -50px;
border:0;
border-top:1px solid #ccc
}
}

52 changes: 25 additions & 27 deletions code/popup.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@
<link rel="stylesheet" type="text/css" href="css/font.css">
<link rel="stylesheet" type="text/css" href="css/fontawesome-all.min.css">
<link rel="shortcut icon" type="image/png" href="/icon/icon.png"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We can link only to local resources as this extension is intended to work offline. We are using fontawesome-all.min.css, so, you may consider using this as we must consider the size of our extension as well.

<title>OpenGenus: World's first Offline Search Engine</title>
<meta charset='utf-8'>
</head>
Expand All @@ -25,12 +26,10 @@

<div class="col-sm-4">
<div class="input-group">
<input id="search" class="form-control text-center" type="search" size="128" placeholder="Search any code; Try: sorting">
</div>
<div id="pop-tags"></div>
<input id="search" class="form-control text-cente" placeholder="Search any code">
<button type="submit" class="btn-xs button-pop btn-warning" ><i class="fa fa-search"></i></button>
</div>



<div class="col-sm-4">

<a class="btn float-right" target="_blank" id="help" href="javascript:void(0)">Help</a>
Expand All @@ -41,38 +40,37 @@

</div>


<div id="pop-tags"></div>


</div><br>

</div>
</div>

<div id="front">
<h1 style="text-align: center;">World's first Offline Search Engine</h1>
<hr>
<img id="fact" src="image/1.jpg" alt="Enjoy our daily code fact" style="width:50vw; height:50vh; position: relative; left: 50%; transform: translate(-50%, 0%);"/>
<div id="front">
<h1 style="text-align: center;">World's first Offline Search Engine</h1>
<hr>
<img id="fact" src="image/1.jpg" alt="Enjoy our daily code fact" style="width:50vw; height:50vh; position: relative; left: 50%; transform: translate(-50%, 0%);"/>

<hr>
</div>
<hr>
</div>

<div id="no_of_results"></div>
<div id="no_of_results"></div>

<div class="bricklayer" id="bl"></div>
<div class="bricklayer" id="bl"></div>

<div id="error-message" class="row"></div>
<div id="error-message" class="row"></div>

<div id="favorites"></div>

<footer class="footer">
<div class="container">
<span class="text-muted">Built with ❤ @<a target="_blank" title="Works only when you are online" href="https://github.com/OpenGenus/">OpenGenus</a>
Email: <a target="_blank" title="Works offline if email app enabled" href="mailto:[email protected]"> 📬 [email protected]</a></span>
<span class="text-muted float-right">Maintained by and part of the <a target="_blank" title="Works only when you are online" href="http://www.opengenus.org/"> 👪 OpenGenus Foundation</a></span>
</div>

</footer>
<div id="favorites"></div>

<footer class="footer">
<div class="container">
<span class="text-muted">Built with ❤ @<a target="_blank" title="Works only when you are online" href="https://github.com/OpenGenus/">OpenGenus</a>
Email: <a target="_blank" title="Works offline if email app enabled" href="mailto:[email protected]"> 📬 [email protected]</a></span>
<span class="text-muted float-right">Maintained by and part of the <a target="_blank" title="Works only when you are online" href="http://www.opengenus.org/"> 👪 OpenGenus Foundation</a></span>
</div>
</footer>

<div id="help_popup">
<div id="popup">
Expand Down