Skip to content

Commit 16cadec

Browse files
bjorn2404bjorn2404
committed
Changed to shorter prefix, fixed modal propagation issue
1 parent 3deaabb commit 16cadec

17 files changed

+275
-249
lines changed

‎dist/autogeocode-example.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,29 +8,29 @@
88

99
<body>
1010

11-
<div class="bh-storelocator-container">
11+
<div class="bh-sl-container">
1212
<div id="page-header">
1313
<h1>Using Chipotle as an Example</h1>
1414
<p>I used locations around Minneapolis and the southwest suburbs. So, for example, Edina, Plymouth, Eden Prarie, etc. would be good for testing the functionality.
1515
You can use just the city as the address - ex: Edina, MN.</p>
1616
</div>
1717

18-
<div class="bh-storelocator-form-container">
18+
<div class="bh-sl-form-container">
1919
<form id="user-location" method="post" action="#">
2020
<div class="form-input">
2121
<label for="address">Enter Address or Zip Code:</label>
2222
<input type="text" id="address" name="address" />
2323
</div>
2424

25-
<button id="bh-storelocator-submit" type="submit">Submit</button>
25+
<button id="bh-sl-submit" type="submit">Submit</button>
2626
</form>
2727
</div>
2828

29-
<div id="map-container" class="bh-storelocator-map-container">
30-
<div class="bh-storelocator-loc-list">
29+
<div id="map-container" class="bh-sl-map-container">
30+
<div class="bh-sl-loc-list">
3131
<ul class="list"></ul>
3232
</div>
33-
<div id="map" class="bh-storelocator-map"></div>
33+
<div id="map" class="bh-sl-map"></div>
3434
</div>
3535
</div>
3636

‎dist/categories-example.html‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -8,24 +8,24 @@
88

99
<body>
1010

11-
<div class="bh-storelocator-container">
11+
<div class="bh-sl-container">
1212
<div id="page-header">
1313
<h1>Using Chipotle as an Example</h1>
1414
<p>I used locations around Minneapolis and the southwest suburbs. So, for example, Edina, Plymouth, Eden Prarie, etc. would be good for testing the functionality.
1515
You can use just the city as the address - ex: Edina, MN.</p>
1616
</div>
1717

18-
<div class="bh-storelocator-form-container">
18+
<div class="bh-sl-form-container">
1919
<form id="user-location" method="post" action="#">
2020
<div class="form-input">
2121
<label for="address">Enter Address or Zip Code:</label>
2222
<input type="text" id="address" name="address" />
2323
</div>
2424

25-
<button id="bh-storelocator-submit" type="submit">Submit</button>
25+
<button id="bh-sl-submit" type="submit">Submit</button>
2626

27-
<div class="bh-storelocator-filters-container">
28-
<ul id="category-filters-container1" class="bh-storelocator-filters">
27+
<div class="bh-sl-filters-container">
28+
<ul id="category-filters-container1" class="bh-sl-filters">
2929
<li><h3>Categories</h3></li>
3030
<li>
3131
<label>
@@ -54,7 +54,7 @@ <h1>Using Chipotle as an Example</h1>
5454
</li>
5555
</ul>
5656

57-
<ul id="category-filters-container2" class="bh-storelocator-filters">
57+
<ul id="category-filters-container2" class="bh-sl-filters">
5858
<li><h3>Features</h3></li>
5959
<li>
6060
<label>
@@ -73,7 +73,7 @@ <h1>Using Chipotle as an Example</h1>
7373
</li>
7474
</ul>
7575

76-
<ul id="city-filter" class="bh-storelocator-filters">
76+
<ul id="city-filter" class="bh-sl-filters">
7777
<li><h3>City</h3></li>
7878
<li>
7979
<select name="city">
@@ -86,7 +86,7 @@ <h1>Using Chipotle as an Example</h1>
8686
</li>
8787
</ul>
8888

89-
<ul id="postal-filter" class="bh-storelocator-filters">
89+
<ul id="postal-filter" class="bh-sl-filters">
9090
<li><h3>Zip</h3></li>
9191
<li>
9292
<input type="radio" name="postal" value="55416">55416
@@ -103,11 +103,11 @@ <h1>Using Chipotle as an Example</h1>
103103

104104
</div>
105105

106-
<div id="map-container" class="bh-storelocator-map-container">
107-
<div class="bh-storelocator-loc-list">
106+
<div id="map-container" class="bh-sl-map-container">
107+
<div class="bh-sl-loc-list">
108108
<ul class="list"></ul>
109109
</div>
110-
<div id="map" class="bh-storelocator-map"></div>
110+
<div id="map" class="bh-sl-map"></div>
111111
</div>
112112
</div>
113113

‎dist/css/storelocator.css‎

Lines changed: 39 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -10,40 +10,40 @@
1010
.gm-style a {
1111
font-family: Arial, Helvetica, sans-serif;
1212
}
13-
.bh-storelocator-container {
13+
.bh-sl-container {
1414
float: left;
1515
margin-left: 20px;
1616
width: 875px;
1717
font: normal 12px Arial, Helvetica, sans-serif;
1818
color: #333333;
1919
}
20-
.bh-storelocator-container .bh-storelocator-form-container {
20+
.bh-sl-container .bh-sl-form-container {
2121
clear: left;
2222
float: left;
2323
margin-top: 15px;
2424
width: 100%;
2525
}
26-
.bh-storelocator-container #search-form {
26+
.bh-sl-container #search-form {
2727
clear: left;
2828
float: left;
2929
height: 60px;
3030
}
31-
.bh-storelocator-container .form-input {
31+
.bh-sl-container .form-input {
3232
float: left;
3333
margin-top: 3px;
3434
}
35-
.bh-storelocator-container .form-input label {
35+
.bh-sl-container .form-input label {
3636
font-weight: bold;
3737
}
38-
.bh-storelocator-container .form-input input {
38+
.bh-sl-container .form-input input {
3939
padding: 4px;
4040
line-height: 16px;
4141
border: 1px solid #cccccc;
4242
}
43-
.bh-storelocator-container #address {
43+
.bh-sl-container #address {
4444
margin: 0 0 0 10px;
4545
}
46-
.bh-storelocator-container button {
46+
.bh-sl-container button {
4747
float: left;
4848
cursor: pointer;
4949
margin: 3px 0 0 10px;
@@ -54,70 +54,70 @@
5454
-webkit-border-radius: 4px;
5555
border-radius: 4px;
5656
}
57-
.bh-storelocator-container .bh-storelocator-loading {
57+
.bh-sl-container .bh-sl-loading {
5858
float: left;
5959
margin: 4px 0 0 10px;
6060
width: 16px;
6161
height: 16px;
6262
background: url(../img/ajax-loader.gif) no-repeat;
6363
}
64-
.bh-storelocator-container .bh-storelocator-filters-container {
64+
.bh-sl-container .bh-sl-filters-container {
6565
clear: both;
6666
float: left;
6767
width: 100%;
6868
margin: 15px 0;
6969
}
70-
.bh-storelocator-container .bh-storelocator-filters-container .bh-storelocator-filters {
70+
.bh-sl-container .bh-sl-filters-container .bh-sl-filters {
7171
list-style: none;
7272
float: left;
7373
padding: 0;
7474
margin: 0 100px 0 0;
7575
}
76-
.bh-storelocator-container .bh-storelocator-filters-container .bh-storelocator-filters li {
76+
.bh-sl-container .bh-sl-filters-container .bh-sl-filters li {
7777
display: block;
7878
clear: left;
7979
float: left;
8080
width: 100%;
8181
margin: 5px 0;
8282
}
83-
.bh-storelocator-container .bh-storelocator-filters-container .bh-storelocator-filters li label {
83+
.bh-sl-container .bh-sl-filters-container .bh-sl-filters li label {
8484
display: inline;
8585
}
86-
.bh-storelocator-container .bh-storelocator-filters-container .bh-storelocator-filters li input {
86+
.bh-sl-container .bh-sl-filters-container .bh-sl-filters li input {
8787
display: block;
8888
float: left;
8989
margin: 2px 8px 2px 0;
9090
}
91-
.bh-storelocator-container .bh-storelocator-map-container {
91+
.bh-sl-container .bh-sl-map-container {
9292
clear: left;
9393
float: left;
9494
margin-top: 27px;
9595
height: 530px;
9696
width: 875px;
9797
}
98-
.bh-storelocator-container .bh-storelocator-map-container a {
98+
.bh-sl-container .bh-sl-map-container a {
9999
color: #e76737;
100100
text-decoration: none;
101101
}
102-
.bh-storelocator-container .bh-storelocator-map-container a:hover,
103-
.bh-storelocator-container .bh-storelocator-map-container a:active {
102+
.bh-sl-container .bh-sl-map-container a:hover,
103+
.bh-sl-container .bh-sl-map-container a:active {
104104
text-decoration: underline;
105105
}
106-
.bh-storelocator-container .bh-storelocator-loc-list {
106+
.bh-sl-container .bh-sl-loc-list {
107107
float: left;
108108
width: 240px;
109109
height: 530px;
110110
overflow: auto;
111111
}
112-
.bh-storelocator-container .bh-storelocator-loc-list ul {
112+
.bh-sl-container .bh-sl-loc-list ul {
113113
display: block;
114114
clear: left;
115115
float: left;
116116
list-style: none;
117117
margin: 0;
118118
padding: 0;
119119
}
120-
.bh-storelocator-container .bh-storelocator-loc-list ul li {
120+
.bh-sl-container .bh-sl-loc-list ul li {
121121
display: block;
122122
clear: left;
123123
float: left;
@@ -127,7 +127,7 @@
127127
border: 1px solid #ffffff;
128128
/* Adding this to prevent moving li elements when adding the list-focus class*/
129129
}
130-
.bh-storelocator-container .bh-storelocator-loc-list .list-label {
130+
.bh-sl-container .bh-sl-loc-list .list-label {
131131
float: left;
132132
margin: 10px 0 0 6px;
133133
padding: 2px 3px;
@@ -137,69 +137,69 @@
137137
color: #ffffff;
138138
font-weight: bold;
139139
}
140-
.bh-storelocator-container .bh-storelocator-loc-list .list-details {
140+
.bh-sl-container .bh-sl-loc-list .list-details {
141141
float: left;
142142
margin-left: 6px;
143143
width: 165px;
144144
}
145-
.bh-storelocator-container .bh-storelocator-loc-list .list-details .list-content {
145+
.bh-sl-container .bh-sl-loc-list .list-details .list-content {
146146
padding: 10px;
147147
}
148-
.bh-storelocator-container .bh-storelocator-loc-list .list-details .loc-dist {
148+
.bh-sl-container .bh-sl-loc-list .list-details .loc-dist {
149149
font-weight: bold;
150150
font-style: italic;
151151
color: #8e8e8e;
152152
}
153-
.bh-storelocator-container .bh-storelocator-loc-list .list-focus {
153+
.bh-sl-container .bh-sl-loc-list .list-focus {
154154
border: 1px solid rgba(82, 168, 236, 0.9);
155155
-moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.7);
156156
-webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.7);
157157
box-shadow: 0 0 8px rgba(82, 168, 236, 0.7);
158158
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
159159
}
160-
.bh-storelocator-container .bh-storelocator-loc-list .bh-storelocator-close-directions-container {
160+
.bh-sl-container .bh-sl-loc-list .bh-sl-close-directions-container {
161161
width: 100%;
162162
height: 20px;
163163
position: relative;
164164
}
165-
.bh-storelocator-container .bh-storelocator-loc-list .bh-storelocator-close-directions-container .bh-storelocator-close-icon {
165+
.bh-sl-container .bh-sl-loc-list .bh-sl-close-directions-container .bh-sl-close-icon {
166166
top: 0;
167167
right: 6px;
168168
}
169-
.bh-storelocator-container .loc-name {
169+
.bh-sl-container .loc-name {
170170
/* Picked up by both list and infowindows */
171171
color: #ae2118;
172172
font-weight: bold;
173173
}
174-
.bh-storelocator-container .bh-storelocator-map {
174+
.bh-sl-container .bh-sl-map {
175175
float: left;
176176
width: 635px;
177177
height: 530px;
178178
}
179-
.bh-storelocator-container .bh-storelocator-pagination-container {
179+
.bh-sl-container .bh-sl-pagination-container {
180180
clear: both;
181181
}
182-
.bh-storelocator-container .bh-storelocator-pagination-container ol {
182+
.bh-sl-container .bh-sl-pagination-container ol {
183183
list-style-type: none;
184184
text-align: center;
185185
margin: 0;
186186
padding: 10px 0;
187187
}
188-
.bh-storelocator-container .bh-storelocator-pagination-container ol li {
188+
.bh-sl-container .bh-sl-pagination-container ol li {
189189
display: inline-block;
190190
padding: 10px;
191191
cursor: pointer;
192192
font: bold 14px Arial, Helvetica, sans-serif;
193193
color: #ae2118;
194194
text-decoration: underline;
195195
}
196-
.bh-storelocator-container .bh-storelocator-pagination-container ol .bh-storelocator-current {
196+
.bh-sl-container .bh-sl-pagination-container ol .bh-sl-current {
197197
color: #333333;
198198
cursor: auto;
199199
text-decoration: none;
200200
}
201201
/* Modal window */
202-
.bh-storelocator-overlay {
202+
.bh-sl-overlay {
203203
position: fixed;
204204
left: 0px;
205205
top: 0px;
@@ -208,7 +208,7 @@
208208
z-index: 10000;
209209
background: url(../img/overlay-bg.png) repeat;
210210
}
211-
.bh-storelocator-overlay .bh-storelocator-modal-window {
211+
.bh-sl-overlay .bh-sl-modal-window {
212212
position: absolute;
213213
left: 50%;
214214
margin-left: -460px;
@@ -221,16 +221,16 @@
221221
border-radius: 10px;
222222
box-shadow: 0 0 10px #656565;
223223
}
224-
.bh-storelocator-overlay .bh-storelocator-modal-window .bh-storelocator-modal-content {
224+
.bh-sl-overlay .bh-sl-modal-window .bh-sl-modal-content {
225225
float: left;
226226
padding: 0 22px;
227227
/* there's already a margin on the top of the map-container div */
228228
}
229-
.bh-storelocator-overlay .bh-storelocator-modal-window .bh-storelocator-close-icon {
229+
.bh-sl-overlay .bh-sl-modal-window .bh-sl-close-icon {
230230
top: -6px;
231231
right: -6px;
232232
}
233-
.bh-storelocator-close-icon {
233+
.bh-sl-close-icon {
234234
position: absolute;
235235
width: 18px;
236236
height: 18px;

0 commit comments

Comments
 (0)