Skip to content

Commit dbf7203

Browse files
author
Daniel Bruce
committed
Additional UI tweaks.
1 parent 671814b commit dbf7203

File tree

6 files changed

+37
-30
lines changed

6 files changed

+37
-30
lines changed

spider/assets/css/styles.css

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -71,3 +71,24 @@ footer {
7171
z-index: 1000;
7272
}
7373

74+
.filters-list-item .ais-refinement-list--label {
75+
position: relative;
76+
padding: 0 30px 0 20px;
77+
text-overflow: ellipsis;
78+
overflow: hidden;
79+
white-space: nowrap;
80+
display: block;
81+
}
82+
83+
.filters-list-item .ais-refinement-list--label .ais-refinement-list--checkbox {
84+
position: absolute;
85+
left: 0;
86+
top: 5px;
87+
}
88+
89+
.filters-list-item .ais-refinement-list--label .ais-refinement-list--count {
90+
position: absolute;
91+
right: 0;
92+
top: 0;
93+
}
94+

spider/assets/js/search.js

Lines changed: 1 addition & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ var hitTemplate = `
3535
{{document_title}} - {{title}}
3636
</a>
3737
</h5>
38-
<ol class="document-dates">
38+
<ol class="document-dates text-muted pl-2">
3939
{{#pubdate}}
4040
<li>Published: {{pubdate}}</li>
4141
{{/pubdate}}
@@ -160,14 +160,4 @@ search.addWidget(
160160
})
161161
);
162162

163-
search.addWidget(
164-
instantsearch.widgets.refinementList({
165-
container: '#content_type',
166-
attributeName: 'content_type',
167-
limit: 5,
168-
showMore: true,
169-
cssClasses: refinementClasses,
170-
})
171-
);
172-
173163
search.start();

spider/home.html

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
<link rel="stylesheet" href="assets/css/styles.css">
1414
</head>
1515

16-
<body style="background-color: rgb(232,232,232);"><nav class="navbar navbar-light navbar-expand-md bg-white">
16+
<body style="background-color: rgb(232,232,232);"><nav class="navbar navbar-light navbar-expand-md bg-white shadow-sm">
1717
<div class="container">
1818
<a href="home.html" class="navbar-brand d-block">
1919
<img src="assets/img/logo.png" height="35px" />
@@ -108,7 +108,7 @@ <h1 style="margin-bottom:15px">Global Regulatory &amp; Compliance Utility</h1>
108108
</div>
109109
<div class="row">
110110
<div class="col-md-8" style="padding-right: 7.5px;">
111-
<div class="card">
111+
<div class="card shadow-sm">
112112
<div class="card-body">
113113
<h4 class="card-title mb-4">Latest News</h4>
114114
<div class="media">
@@ -139,15 +139,15 @@ <h5>4.<a href="#" class="ml-2">SEC Taps FIF Vet Kimmel to Oversee CAT Implementa
139139
</div>
140140
</div>
141141
<div class="col-md-4" id="news-columns" style="padding-left: 7.5px;">
142-
<div class="card">
142+
<div class="card shadow-sm">
143143
<div class="card-body">
144144
<h4 class="card-title">New Reports</h4>
145145
<ul class="list-unstyled card-text pl-2">
146146
<li><a href="#">CAT NMS Plan Report</a><em class="ml-2">Mar 14 2019</em></li>
147147
</ul>
148148
</div>
149149
</div>
150-
<div class="card">
150+
<div class="card shadow-sm">
151151
<div class="card-body">
152152
<h4 class="card-title">Tracking Updates</h4>
153153
<ul class="list-unstyled card-text pl-2">
@@ -157,7 +157,7 @@ <h4 class="card-title">Tracking Updates</h4>
157157
</ul>
158158
</div>
159159
</div>
160-
<div class="card">
160+
<div class="card shadow-sm">
161161
<div class="card-body">
162162
<h4 class="card-title">Search Updates</h4>
163163
<p class="card-text"></p>
@@ -166,7 +166,7 @@ <h4 class="card-title">Search Updates</h4>
166166
</ul>
167167
</div>
168168
</div>
169-
<div class="card">
169+
<div class="card shadow-sm">
170170
<div class="card-body">
171171
<h4 class="card-title">New Sources</h4>
172172
<p class="card-text"></p>

spider/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
<div class="container">
1818
<div class="row">
1919
<div class="col">
20-
<div class="card">
20+
<div class="card shadow-sm">
2121
<div class="card-body">
2222
<div class="row">
2323
<div class="col d-flex align-items-center"><img src="assets/img/logo-transparent.png" width="200px">

spider/search.html

Lines changed: 6 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
<link rel="stylesheet" href="assets/css/styles.css">
1414
</head>
1515

16-
<body style="background-color: rgb(232,232,232);"><nav class="navbar navbar-light navbar-expand-md bg-white">
16+
<body style="background-color: rgb(232,232,232);"><nav class="navbar navbar-light navbar-expand-md bg-white shadow-sm">
1717
<div class="container">
1818
<a href="home.html" class="navbar-brand d-block">
1919
<img src="assets/img/logo.png" height="35px" />
@@ -104,12 +104,12 @@
104104
<div class="row">
105105
<div class="col">
106106
<div class="card" style="margin-bottom: 15px;">
107-
<div class="card-body">
107+
<div class="card-body shadow-sm">
108108
<div class="row mb-2">
109109
<div class="col-md-8">
110110
<form id="search-form">
111111
<div class="d-flex justify-content-between align-items-center">
112-
<div class="input-group" style="width:95%"><input class="form-control" type="text" placeholder="ex. Document Retention Policy" id="q" autofocus="">
112+
<div class="input-group shadow-sm" style="width:95%"><input class="form-control" type="text" placeholder="ex. Document Retention Policy" id="q" autofocus="">
113113
<div class="input-group-append"><button class="btn btn-primary" type="button"><i class="icon ion-search"></i></button></div>
114114
</div><i class="icon ion-help-circled" style="font-size:1.5rem"></i></div>
115115
</form>
@@ -134,7 +134,7 @@
134134
</div>
135135
<div class="row">
136136
<div class="col-4" style="padding-right: 7.5px;">
137-
<div class="card" id="filters" style="max-height: 800px;overflow: auto;">
137+
<div class="card shadow-sm" id="filters" style="max-height: 800px;overflow: auto;">
138138
<div class="card-body">
139139
<div>
140140
<h4>Jurisdiction</h4>
@@ -153,20 +153,16 @@ <h4>Topics</h4>
153153
<div id="topics"></div>
154154
</div>
155155
<div>
156-
<h4>Compliance User</h4>
156+
<h4>Applicability</h4>
157157
<div id="compliance_user"></div>
158158
</div>
159-
<div>
160-
<h4>Content Type</h4>
161-
<div id="content_type"></div>
162-
</div>
163159
</div>
164160
</div>
165161
</div>
166162
<div class="col-8">
167163
<div class="row">
168164
<div class="col" style="padding-left: 7.5px;">
169-
<div class="card" id="results-container">
165+
<div class="card shadow-sm" id="results-container">
170166
<div class="card-header">
171167
<h4 class="mb-0">Search Results<small id="stats" class="ml-2"></small></h4>
172168
</div>

spider/sources.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
<link rel="stylesheet" href="assets/css/styles.css">
1414
</head>
1515

16-
<body style="background-color: rgb(232,232,232);"><nav class="navbar navbar-light navbar-expand-md bg-white">
16+
<body style="background-color: rgb(232,232,232);"><nav class="navbar navbar-light navbar-expand-md bg-white shadow-sm">
1717
<div class="container">
1818
<a href="home.html" class="navbar-brand d-block">
1919
<img src="assets/img/logo.png" height="35px" />
@@ -113,7 +113,7 @@ <h1 class="mr-3">Sources</h1>
113113
</div>
114114
<div class="row">
115115
<div class="col" style="padding-right: 7.5px;">
116-
<div class="card">
116+
<div class="card shadow-sm">
117117
<div class="card-body">
118118
<form class="form-inline">
119119
<div class="form-group mr-4"><label class="mr-2">Country</label><select class="form-control" style="width: 200px;"><option value="14">United States</option><option value="">European Union</option></select></div>

0 commit comments

Comments
 (0)