Skip to content

Commit 52b357c

Browse files
mvincerxmvincerx
committed
WIP redesign 2-column dashboard
Signed-off-by: michael vincerra <michael.vincerra@intel.com>
1 parent 08a12e3 commit 52b357c

2 files changed

Lines changed: 79 additions & 56 deletions

File tree

‎src/docs/_static/styles.css‎

Lines changed: 32 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -428,7 +428,7 @@ input[type=button] > #nobutton {
428428

429429
.grid-row {
430430
display: flex;
431-
grid-template-columns: minmax(30px, 40px) minmax(30px, 40px) minmax(30px, 40px);
431+
grid-template-columns: minmax(30px, 40px) minmax(30px, 40px) minmax(30px, 40px) minmax(30px, 40px) minmax(30px, 40px);
432432
background-color: rgb(0,84,174);
433433
width: 100%;
434434
text-align: center;
@@ -485,6 +485,7 @@ input[type=button] > #nobutton {
485485
}
486486

487487
.search-container{
488+
background-color: transparent !important;
488489
justify-content: center;
489490
position: relative;
490491
}
@@ -494,9 +495,11 @@ input[type=button] > #nobutton {
494495
justify-content: center;
495496
padding-left: 4%; /* offset to right; treat searchbar + X as one*/
496497
/* padding-bottom: 2%; */
497-
margin-top: 2px;
498-
margin-bottom: 6px;
498+
padding-top: 0.5em;
499+
padding-bottom: 0.25em;
499500
position: relative;
501+
background-color: #E9E9E9;
502+
outline: none;
500503
}
501504

502505

@@ -1196,11 +1199,37 @@ a:hover {
11961199

11971200
/* Add bootstrap 5.1 classes for collapse */
11981201

1202+
.accordion-item { /* DROPDOWN */
1203+
background-color: #E9E9E9;
1204+
}
1205+
1206+
.accordion-header{ /* seealso: search-widget*/
1207+
background-color: transparent;
1208+
}
1209+
1210+
#headingOne {
1211+
background-color: #E9E9E9;
1212+
}
1213+
11991214
.accordion-body {
12001215
height: 100vh;
12011216
width:fit-content;
12021217
}
12031218

1219+
.accordion-button.collapsed {
1220+
background-color:#E9E9E9;
1221+
}
1222+
1223+
1224+
#stayOpen-collapseOne {
1225+
background-color: #E9E9E9;
1226+
}
1227+
1228+
.wht-outline{
1229+
outline: dotted;
1230+
outline-color: #E9E9E9;
1231+
}
1232+
12041233

12051234

12061235
/* .accordion {

‎src/docs/_templates/index.html‎

Lines changed: 47 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -28,78 +28,41 @@
2828
</div>
2929

3030
</div>
31-
3231
</div>
33-
<div class="col"><!--#2-->
34-
</div>
35-
36-
<div class="col"> <!--#3-->
37-
38-
<!-- <div class="search-container">
39-
40-
<div class="search-widget">
41-
42-
<i class="fa fa-search fa-2x"></i>
43-
<input type="text"
44-
id="textInput"
45-
class="searchBox"
46-
name="searchInput"
47-
placeholder="Search..."
48-
onkeypress=onlyAlphaNumInput(event)
49-
data-search >
50-
51-
<button title="Reset Search" type="reset" onclick="resetSearcher()" class="resetSearchButton">
52-
<i class="fa fa-remove fa-xl"></i> <fa fa-refresh>
53-
</button> -->
54-
55-
<!-- <div class="error-container center">
56-
<div class="middle transparent" id="errormsg">
57-
</div>
58-
</div> -->
5932

60-
</div>
61-
</div>
33+
<div class="col"><!--#2-->
34+
#2
35+
</div>
6236

37+
<div class="col"> <!--#3-->
38+
#3
6339
</div>
6440

6541
<div class="col"> <!--#4-->
6642
<div id="results-container">
6743
<div id="qty-show-results" class="transparent"></div>
6844
</div>
45+
<div id="total-records"></div>
46+
#4
6947
</div>
7048

7149

72-
<div class="col"><!--#5-->
50+
<div class="col wht-outline"><!--#5-->
51+
7352
<figure>
7453
<a href="https://github.com/oneapi-src/oneAPI-samples">
7554
<img class=scaled src="_static/assets/github-mark-white.png" alt="oneAPI Samples Repository">
7655
</a>
7756
<figcaption>View on GitHub*</figcaption>
7857
</figure>
79-
</div>
80-
</div>
81-
82-
<div class="nav-titlebar"><!--#1-->
8358

84-
<div class="col">
85-
<div class="col-nav-left"> for
86-
<a href="https://www.intel.com/content/www/us/en/developer/tools/oneapi/toolkits.html">&nbsp;Intel&reg;&nbsp;oneAPI&nbsp;Toolkits
87-
</a>
88-
</div>
89-
</div>
90-
91-
<div class="col"></div><!--#2-->
9259

93-
<div class="col"> <!--#3-->
94-
Get started on oneAPI development with code samples
95-
</div>
96-
97-
<div class="col"></div><!--#4-->
60+
9861

99-
<div class="col"><!--#5-->
100-
<div id="total-records"></div>
101-
</div>
62+
</div>
63+
</div>
10264

65+
<div class="nav-titlebar"><!--ROW #1-->
10366
</div>
10467

10568
<div class="nav-ctrls">
@@ -111,7 +74,9 @@
11174
<button class='pg-first-last' onclick="lastPage()">Last</button>
11275
<button class='arrow right' onclick="nextPage()"></button>
11376
</div>
114-
<div class="filter-input-wrapper">
77+
78+
<!-- <div class="filter-input-wrapper">
79+
11580
<input id="collapsible" class="toggle" type="checkbox">
11681
<label for="collapsible" class="label-toggle">
11782
<span class="filter-text">Filter</span>
@@ -120,7 +85,7 @@
12085
<i class="fa-solid fa-filter-circle-xmark fa-2xl"></i>
12186
</button>
12287
</span>
123-
</label>
88+
</label> -->
12489

12590
<!-- <div class="collapsible-content">
12691
@@ -232,7 +197,8 @@
232197
</div>
233198
</div> -->
234199

235-
</div>
200+
<!-- </div> -->
201+
236202
<!-- HIDE TEMPLATE @ DEV
237203
<div class="toolkit-cards" data-toolkit-cards-container> </div>
238204
<template data-toolkit-template >
@@ -471,3 +437,31 @@ <h2 class="accordion-header" id="headingOne">
471437
</div>
472438
</div>
473439
{% endblock %}
440+
441+
<!-- <div class="col"> -->
442+
<!--#1 ORIGINAL 2ND ROW BELOW STICKY NAV -->
443+
<!-- <div class="col-nav-left"> for
444+
<a href="https://www.intel.com/content/www/us/en/developer/tools/oneapi/toolkits.html">&nbsp;Intel&reg;&nbsp;oneAPI&nbsp;Toolkits
445+
</a>
446+
</div>
447+
</div>
448+
449+
<div class="col"></div> -->
450+
<!--#2-->
451+
452+
<!-- <div class="col"> -->
453+
<!--#3-->
454+
<!-- Get started on oneAPI development with code samples
455+
</div>
456+
457+
<div class="col"></div> -->
458+
<!--#4-->
459+
460+
<!-- <div class="col"> -->
461+
<!--#5-->
462+
<!-- <div id="total-records"></div>
463+
</div> -->
464+
465+
<!-- FILTER INPUT WRAPPER - PREVIOUS CHECKBOXES -->
466+
<!-- <div class="filter-input-wrapper">
467+
</div> -->

0 commit comments

Comments
 (0)