Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Commit 219f3f32 authored by Ronak Patel's avatar Ronak Patel
Browse files

Filter UI Changes

parent ec06f165

htdocs/_i18n/en/pages/devices.html

+6 −12
Original line number Diff line number Diff line
@@ -19,19 +19,13 @@ 
  <!--SMARTPHONE SELECTOR COLLAPSE START-->

  <div class="row mt-3">

    <div class="col">

      <p class="ml-n2">

        <a

          class="btn btn-white text-wrap font-weight-bold btn-bk-hide text-capitalize text-decoration-none border-0"

          data-toggle="collapse"

          href="#collapse-selector-screen"

          role="button"

          aria-expanded="false"

          aria-controls="collapse-selector-screen"

        >

          Looking for a specific model or brand? Click me for all search

          options.....

      <p class="">

        <a class="text-wrap font-weight-bold btn-bk-hide text-capitalize text-decoration-none border-0 collapsed"

          data-toggle="collapse" href="#collapse-selector-screen" role="button" aria-expanded="false" id="device-filters"

          aria-controls="collapse-selector-screen">

          Search options...

        </a>

        <span class="btn btn-light mt-1" id="btnReset">Clear</span>

        <span class="mt-1 mb-1" id="btnReset" style="display: none;">Clear X</span>

      </p>

      <div class="collapse myCollapse" id="collapse-selector-screen">

        <div class="card card-body text-lg-left border-0">

htdocs/assets/css/style.scss

+18 −0
Original line number Diff line number Diff line
@@ -109,6 +109,7 @@ thead th { 
#btnReset {

  font-weight: bold;

  cursor: pointer;

  color: #2a7ae2;

}



#myInput {
@@ -349,3 +350,20 @@ a.btn-secondary { 
	border: 1px solid #dbdbdb;

    margin: 2px 0;

}

[aria-expanded="false"]:after{

  content: "";

  background-image: url(../images/sort_asc.png);

  height: 10px;

  width: 20px;

  display: inline-block;

}

[aria-expanded="true"]:after{

  content: "";

  background-image: url(../images/sort_desc.png);

  height: 20px;

  width: 20px;

  display: inline-block;

}

#device-filters:hover{

  color: #2a7ae2;

}
 
 No newline at end of file

htdocs/assets/js/code.js

+7 −0
Original line number Diff line number Diff line
@@ -265,4 +265,11 @@ function getNbGitlabIssues(label) { 
$(document).ready(() => {

	$('#legacy-1').trigger('click');

	$('#legacy-1').trigger('change');

  $('#verified-boot-0').trigger('change');

  $('#collapse-selector-screen').on('hidden.bs.collapse', function () {

    $('#btnReset').hide();

  });

  $('#collapse-selector-screen').on('shown.bs.collapse', function () {

    $('#btnReset').show();

  });

});