sookie/blog-web
1
0
Fork 0
Code Issues 12 Pull Requests Projects Releases Wiki Activity

开始改造搜索框

Browse Source
This commit is contained in:
结发受长生 2019-05-17 08:03:49 +08:00
parent 559c17ef0d
commit d0b854e9a3
3 changed files with 23 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
themes/yilia/source-src/css/mobile.scss
View File

@ -34,9 +34,6 @@ html, body, #container {
} }
.tools-wrap, .tools-section { .tools-wrap, .tools-section {
width: 300px; width: 300px;
.search-wrap {
width: 280px;
}
.search-tag.tagcloud { .search-tag.tagcloud {
margin-right: -30px; margin-right: -30px;
} }

2
themes/yilia/source-src/css/reward.scss
View File

@ -45,6 +45,6 @@
width: 130px; width: 130px;
height: 130px; height: 130px;
border: 6px solid $colorBorder; border: 6px solid $colorBorder;
border-radius: 3px; border-radius: $radiusSmall;
} }
} }

26
themes/yilia/source-src/css/tools.scss
View File

@ -33,20 +33,20 @@
} }
.tools-section { .tools-section {
.search-wrap { .search-wrap {
width: 310px;
margin: 20px 20px 10px 20px; margin: 20px 20px 10px 20px;
position: relative; position: relative;
border-bottom: 2px solid $colorF;
cursor: text;
.search-ipt { .search-ipt {
width: 310px; width: 50px;
color: $colorF; color: $colorF;
background: none; background: none;
border: none; border: none;
border-bottom: 2px solid $colorF;
} }
.icon { .icon {
position: absolute; position: absolute;
right: 0; right: 0;
top: 7px; bottom: 7px;
color: $colorF; color: $colorF;
cursor: pointer; cursor: pointer;
@extend %trans; @extend %trans;
@ -54,6 +54,24 @@
transform: scale(1.2); transform: scale(1.2);
} }
} }
.search-item {
border: 1px solid $colorF;
padding-left: 5px;
line-height: 1.4em;
display: inline-block;
border-radius: $radiusBase;
&::after {
content: "x";
border-left: 1px solid $colorF;
width: 20px;
height: 20px;
display: inline-block;
margin: 3px 0 3px 3px;
line-height: 20px;
text-align: center;
cursor: pointer;
}
}
::-webkit-input-placeholder { ::-webkit-input-placeholder {
color: #ededed; color: #ededed;
} }