shopr

Check-in [d41d773bcf]
Login

Many hyperlinks are disabled.
Use anonymous login to enable hyperlinks.

Overview
Comment:Tune the repsonsive layout for that filter/create input text area
Downloads: Tarball | ZIP archive | SQL archive
Timelines: family | ancestors | descendants | both | trunk
Files: files | file ages | folders
SHA3-256:d41d773bcf7c0214106e6317ddc783c654559e470be5ef75be909bf586dd041c
User & Date: vandys 2019-06-26 16:23:27
Context
2019-06-27
17:20
Add some logging check-in: 4a0c02edd2 user: vandys tags: trunk
2019-06-26
16:23
Tune the repsonsive layout for that filter/create input text area check-in: d41d773bcf user: vandys tags: trunk
2019-06-25
16:54
Add a README check-in: f1ace4c09c user: vandys tags: trunk
Changes
Hide Diffs Unified Diffs Ignore Whitespace Patch

Changes to css/shopr.css.

6
7
8
9
10
11
12


13
14







15
16
17
18
19
20
21
}
span {
 font-size: large;
 padding: 4px;
}
#scrlist2 {
 margin-bottom: 15px;


}
#scrlist2 > span, #scrlist2 > input, #scrlist2 > button {







 border: 3px solid black;
 border-radius: 6px;
}
#items {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;







>
>

<
>
>
>
>
>
>
>







6
7
8
9
10
11
12
13
14
15

16
17
18
19
20
21
22
23
24
25
26
27
28
29
}
span {
 font-size: large;
 padding: 4px;
}
#scrlist2 {
 margin-bottom: 15px;
 display: flex;
 flex-direction: row;
}

#scritems {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 flex-basis: 100%;
}
.scrboxed > * {
 border: 3px solid black;
 border-radius: 6px;
}
#items {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;

Changes to html/shopr.html.

23
24
25
26
27
28
29


30
31
32
33


34
35
36


37

38
39
40
41
42
43
44
 <hr>
 <div id="scrlists2">
 </div>
</div>

<div id="scrlist" style="display: none;">
 <div id="scrlist2">


  <span style="background: white;" onclick="filtAll();">+RGY</span>
  <span id="spanR" onclick="filtR();" style="background: red;">R</span>
  <span id="spanG" onclick="filtG();" style="background: green;">G</span>
  <span id="spanY" onclick="filtY();" style="background: gold;">Y</span>


  <input type="text" id="ifilter"
   onkeyup="update_filter();" placeholder="Choose or Add">
  <button onclick="addit();">+</button>


  <img src="/imgs/menu.svg" style="float: right;" />

 </div>
 <div id="items">
 </div>
</div>

<div id="scrmenu" style="display: none;">
<button onclick="choose_list();">Choose New List</button>







>
>
|
|
|
|
>
>
|
|
|
>
>
|
>







23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 <hr>
 <div id="scrlists2">
 </div>
</div>

<div id="scrlist" style="display: none;">
 <div id="scrlist2">
  <span id="scritems" style="max-width: 90%;">
   <span class="scrboxed">
    <span style="background: white;" onclick="filtAll();">+RGY</span>
    <span id="spanR" onclick="filtR();" style="background: red;">R</span>
    <span id="spanG" onclick="filtG();" style="background: green;">G</span>
    <span id="spanY" onclick="filtY();" style="background: gold;">Y</span>
   </span>
   <span style="padding: 5px 0px;">
    <input type="text" id="ifilter"
     onkeyup="update_filter();" placeholder="Choose or Add">
    <button onclick="addit();">+</button>
   </span>
  </span>
  <img src="/imgs/menu.svg"
   style="text-align: right; max-width: 10%;" />
 </div>
 <div id="items">
 </div>
</div>

<div id="scrmenu" style="display: none;">
<button onclick="choose_list();">Choose New List</button>