Skip to content

Commit

Permalink
Removed bulma-divider dependency, tightened up the form elements myself.
Browse files Browse the repository at this point in the history
  • Loading branch information
jorvis committed Dec 27, 2023
1 parent 69ac06e commit 8a2fac0
Show file tree
Hide file tree
Showing 2 changed files with 16 additions and 8 deletions.
1 change: 1 addition & 0 deletions www/css/common.v2.css
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,7 @@ html, body {
margin-top: 0 !important;
}


/* ---------------- */
/* -= Typography =- */

Expand Down
23 changes: 15 additions & 8 deletions www/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -25,8 +25,7 @@
<script>document.write('<link rel="stylesheet" href="css/common.v2.' + (new Date()).getTime() + '.css" />');</script>

<!-- Any other extension here -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@creativebulma/[email protected]/dist/bulma-divider.min.css" />


<!--Page-specific CSS here -->
<script>document.write('<link rel="stylesheet" href="css/index.' + (new Date()).getTime() + '.css" />');</script>
</head>
Expand Down Expand Up @@ -149,22 +148,30 @@ <h3 class="mt-6 mb-3">
<ul>
<li class="is-active">
<!-- has-addons connects, is-grouped makes together inline-->
<div class="field is-grouped mr-0 pr-0">

<div class="control has-icons-left has-icons-right">
<div class="field has-addons is-grouped">
<div class="control has-icons-left has-icons-right mr-0">
<input class="input" type="input" placeholder="Type here to search using specific gene symbols">
<span class="icon is-small is-left">
<i class="mdi mdi-magnify"></i>
</span>
</div>
<div class="divider is-vertical">OR</div>
<div class="control select">
<!-- div with the text 'OR' centered vertically. this is awkward -->
<div class="columns">
<div class="column is-1">
<div class="is-vertical is-size-7 ml-2 mr-2">OR</div>
</div>
</div>
<div class="control select mr-0">
<select>
<option>Quick search using Gene Lists</option>
<option>With options</option>
</select>
</div>
<div class="divider is-vertical">IN</div>
<div class="columns">
<div class="column is-1">
<div class="is-vertical is-size-7 ml-2 mr-2">IN</div>
</div>
</div>
<div class="control select">
<select>
<option>Hearing</option>
Expand Down

0 comments on commit 8a2fac0

Please sign in to comment.