Style search bar
This commit is contained in:
parent
aa91345523
commit
c9ce59d04f
8 changed files with 68 additions and 34 deletions
|
@ -43,10 +43,14 @@ body, html {
|
|||
a {
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
color: $primary-color;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
&:active {
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
.container {
|
||||
|
@ -149,10 +153,33 @@ a {
|
|||
|
||||
.table-layout-search {
|
||||
float: left;
|
||||
padding-bottom: 0.5rem !important;
|
||||
|
||||
.btn-search {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
height: calc(2.5rem + 2px);
|
||||
line-height: 2.5rem;
|
||||
right: -3rem;
|
||||
border-bottom-left-radius: 0;
|
||||
border-top-left-radius: 0;
|
||||
|
||||
margin-top: 1px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
input:focus ~ .btn-search {
|
||||
border-color: $primary-color;
|
||||
border-width: 2px;
|
||||
margin-top: 0;
|
||||
height: calc(2.5rem + 4px);
|
||||
margin-right: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
.table-layout-action {
|
||||
float: right;
|
||||
line-height: 2.5rem;
|
||||
}
|
||||
|
||||
.table-layout-table {
|
||||
|
@ -160,7 +187,6 @@ a {
|
|||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
clear: both;
|
||||
margin-top: 4rem;
|
||||
|
||||
th {
|
||||
text-align: start;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue