Style search bar

This commit is contained in:
Lars Westermann 2019-04-04 21:17:22 +02:00
parent aa91345523
commit c9ce59d04f
Signed by: lars.westermann
GPG key ID: 9D417FA5BB9D5E1D
8 changed files with 68 additions and 34 deletions

View file

@ -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;