Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 300fe0f

Browse files
provide boxShadow for panel theme
1 parent 8c49d8d commit 300fe0f

File tree

3 files changed

+25
-15
lines changed

3 files changed

+25
-15
lines changed

‎style/react-custom-search-list.css

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
padding: 0.5em;
1010
position: relative;
1111
box-sizing: border-box;
12-
border: 1px solid lightgray;
12+
border: 1px solid rgb(232,232,232);
1313
flex: 1;
1414
}
1515
.rc-search-suggestions-container input {
@@ -38,7 +38,7 @@
3838
left: 0.5em;
3939
right: 0.5em;
4040
height: 1px;
41-
background: lightgray;
41+
background: rgb(232,232,232);
4242
opacity: 0.7;
4343
display: none;
4444
z-index: 2;
@@ -56,28 +56,30 @@
5656
border-color: transparent;
5757
}
5858
.panel .rc-search-suggestions-popper {
59-
border: 1px solid lightgray;
59+
border: 1px solid rgb(232,232,232);
6060
}
6161
.panel [data-popper-placement|=bottom] {
6262
margin-top: -1px !important;
6363
border-top: none;
64-
box-shadow: none;
64+
box-shadow: 0px3px3px-2pxrgba(0,0,0,0.2),0px3px4px0pxrgba(0,0,0,0.14),0px3px8px0pxrgba(0,0,0,0.12);
6565
}
6666
.panel [data-popper-placement|=bottom] + .rc-search-suggestions-container {
67-
border: 1px solid lightgray;
67+
border: 1px solid rgb(232,232,232);
6868
border-bottom: none;
69+
box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
6970
}
7071
.panel [data-popper-placement|=bottom] + .rc-search-suggestions-container .rc-search-suggestions-divider-bottom {
7172
display: block;
7273
}
7374
.panel [data-popper-placement|=top] {
7475
margin-bottom: -1px !important;
7576
border-bottom: none;
76-
box-shadow: none;
77+
box-shadow: 0px-2px5px0pxrgb(207,207,207);
7778
}
7879
.panel [data-popper-placement|=top] + .rc-search-suggestions-container {
79-
border: 1px solid lightgray;
80+
border: 1px solid rgb(232,232,232);
8081
border-bottom: top;
82+
box-shadow: 0px 0px 5px 0px rgb(207, 207, 207);
8183
}
8284
.panel [data-popper-placement|=top] + .rc-search-suggestions-container .rc-search-suggestions-divider-top {
8385
display: block;

‎style/react-custom-search-list.min.css

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

‎style/scss/modules/_base.scss

Lines changed: 15 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
padding: 0.5em;
1010
position: relative;
1111
box-sizing: border-box;
12-
border: 1px solid lightgray;
12+
border: 1px solid rgb(232, 232, 232);
1313
flex: 1;
1414
input {
1515
border: none;
@@ -42,7 +42,7 @@
4242
left: 0.5em;
4343
right: 0.5em;
4444
height: 1px;
45-
background: lightgray;
45+
background: rgb(232, 232, 232);
4646
opacity: 0.7;
4747
display: none;
4848
z-index: 2;
@@ -60,15 +60,22 @@
6060
.panel {
6161
border-color: transparent;
6262
.rc-search-suggestions-popper {
63-
border: 1px solid lightgray;
63+
border: 1px solid rgb(232, 232, 232);
6464
}
6565
[data-popper-placement|='bottom'] {
6666
margin-top: -1px !important;
6767
border-top: none;
68-
box-shadow: none;
68+
box-shadow:
69+
0px 3px 3px -2px rgba(0, 0, 0, 0.2),
70+
0px 3px 4px 0px rgba(0, 0, 0, 0.14),
71+
0px 3px 8px 0px rgba(0, 0, 0, 0.12);
6972
& + .rc-search-suggestions-container {
70-
border: 1px solid lightgray;
73+
border: 1px solid rgb(232, 232, 232);
7174
border-bottom: none;
75+
box-shadow:
76+
0px 3px 3px -2px rgba(0, 0, 0, 0.2),
77+
0px 3px 4px 0px rgba(0, 0, 0, 0.14),
78+
0px 1px 8px 0px rgba(0, 0, 0, 0.12);
7279
.rc-search-suggestions-divider-bottom {
7380
display: block;
7481
}
@@ -77,10 +84,11 @@
7784
[data-popper-placement|='top'] {
7885
margin-bottom: -1px !important;
7986
border-bottom: none;
80-
box-shadow: none;
87+
box-shadow: 0px-2px5px0pxrgb(207207207);
8188
& + .rc-search-suggestions-container {
82-
border: 1px solid lightgray;
89+
border: 1px solid rgb(232, 232, 232);
8390
border-bottom: top;
91+
box-shadow: 0px 0px 5px 0px rgb(207 207 207);
8492
.rc-search-suggestions-divider-top {
8593
display: block;
8694
}

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /