Skip to content

Commit 2b39a0a

Browse files
authored
Merge pull request #97 from basiljs/enhance/search
Enhance/search
2 parents 66ff27d + 73a586a commit 2b39a0a

File tree

6 files changed

+61
-15
lines changed

6 files changed

+61
-15
lines changed

_sass/_reference.scss

Lines changed: 54 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,13 @@ $guidecolor: #9636FC;
22
$dottedline: 1px dotted $guidecolor;
33
$solidline: 1px solid $guidecolor;
44
.index {
5-
column-width: 250px;
5+
-webkit-column-width: 250px;
6+
column-width: 250px;
67
}
78

89
.category {
9-
break-inside: avoid;
10+
-webkit-column-break-inside: avoid;
11+
break-inside: avoid;
1012
}
1113

1214
.reference-category {
@@ -27,14 +29,16 @@ h1#new-cat-index {
2729
}
2830

2931
.sub-category {
30-
column-width: 250px;
32+
-webkit-column-width: 250px;
33+
column-width: 250px;
3134
// column-rule: $dottedline;
3235
// column-gap: 1em;
3336
/* border-bottom: $dottedline; */
3437
}
3538

3639
#toc-categories {
37-
column-width: 250px;
40+
-webkit-column-width: 250px;
41+
column-width: 250px;
3842
padding-bottom: 3em;
3943
/* border-bottom: $dottedline; */
4044
}
@@ -61,7 +65,8 @@ h1#new-cat-index {
6165
}
6266

6367
.cat-group {
64-
break-inside: avoid;
68+
-webkit-column-break-inside: avoid;
69+
break-inside: avoid;
6570
}
6671

6772
.box-drawings {
@@ -82,7 +87,8 @@ h1#new-cat-index {
8287

8388
.summary,
8489
.ref-entry {
85-
break-inside: avoid;
90+
-webkit-column-break-inside: avoid;
91+
break-inside: avoid;
8692
}
8793

8894
.summary {
@@ -100,6 +106,8 @@ h1#new-cat-index {
100106
}
101107

102108
#flex-search {
109+
display: -webkit-box;
110+
display: -ms-flexbox;
103111
display: flex;
104112
* {
105113
margin-right: 0.5em;
@@ -113,19 +121,41 @@ h1#new-cat-index {
113121
}
114122
}
115123

124+
.flex-search-item,
125+
.flex-search-item::-webkit-input-placeholder {
126+
font-family: 'Times New Roman', Times, serif;
127+
font-size: 1.2em;
128+
}
129+
130+
.flex-search-item,
131+
.flex-search-item:-ms-input-placeholder {
132+
font-family: 'Times New Roman', Times, serif;
133+
font-size: 1.2em;
134+
}
135+
136+
.flex-search-item,
137+
.flex-search-item::-ms-input-placeholder {
138+
font-family: 'Times New Roman', Times, serif;
139+
font-size: 1.2em;
140+
}
141+
116142
.flex-search-item,
117143
.flex-search-item::placeholder {
118144
font-family: 'Times New Roman', Times, serif;
119145
font-size: 1.2em;
120146
}
121147

122148
input.flex-search-item {
123-
flex-grow: 2;
149+
-webkit-box-flex: 2;
150+
-ms-flex-positive: 2;
151+
flex-grow: 2;
124152
border: $solidline;
125153
}
126154

127155
button.flex-search-item {
128-
flex-grow: 1;
156+
-webkit-box-flex: 1;
157+
-ms-flex-positive: 1;
158+
flex-grow: 1;
129159
&:hover {
130160
background: $guidecolor !important;
131161
color: white;
@@ -138,6 +168,11 @@ button.flex-search-item {
138168
#flex-search-results {
139169
.search-result-container {
140170
padding-top: 1em;
171+
/* @keyframes duration | timing-function | delay |
172+
iteration-count | direction | fill-mode | play-state | name */
173+
174+
-webkit-animation:200ms cubic-bezier(0.68, 0.03, 0.98, 0.6) 0ms 1 normal none running fadein;
175+
animation:200ms cubic-bezier(0.68, 0.03, 0.98, 0.6) 0ms 1 normal none running fadein;
141176
.ref-entry {
142177
padding-top: 0.5em;
143178
border-top: $dottedline;
@@ -148,6 +183,16 @@ button.flex-search-item {
148183
}
149184
}
150185

186+
@-webkit-keyframes fadein {
187+
from { opacity: 0; }
188+
to { opacity: 1; }
189+
}
190+
191+
@keyframes fadein {
192+
from { opacity: 0; }
193+
to { opacity: 1; }
194+
}
195+
151196
#advanced-search-hint {
152197
input {
153198
display: none;
@@ -173,5 +218,6 @@ button.flex-search-item {
173218
height: auto;
174219
opacity: 1;
175220
overflow: hidden;
221+
-webkit-transition: opacity .5s linear, max-height .5s linear;
176222
transition: opacity .5s linear, max-height .5s linear;
177223
}

assets/js/reference.bundle.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)