resources search submit button adjustments

This commit is contained in:
jorge 2022-04-24 13:07:37 +02:00
parent 647ffc36d4
commit 70628afecd
5 changed files with 9 additions and 161 deletions

File diff suppressed because one or more lines are too long

View File

@ -467,8 +467,6 @@ $input-font-family: inherit;
$input-font-size: rem-calc(16); $input-font-size: rem-calc(16);
$input-font-weight: $global-weight-normal; $input-font-weight: $global-weight-normal;
$input-line-height: $global-lineheight; $input-line-height: $global-lineheight;
//$input-background: $white;
//$input-background-focus: $white;
$input-background: scale-color($primary-color, $lightness: 95%); $input-background: scale-color($primary-color, $lightness: 95%);
$input-background-focus: scale-color($primary-color, $lightness: 85%); $input-background-focus: scale-color($primary-color, $lightness: 85%);
$input-background-disabled: $light-gray; $input-background-disabled: $light-gray;

View File

@ -40,7 +40,8 @@ article,aside,.omekas-entry-content {
margin: 0; margin: 0;
} }
.button { .button {
border-color: $primary-color; // border-color: $primary-color;
border: none;
} }
.appear { .appear {
display:none; display:none;
@ -105,7 +106,7 @@ article,aside,.omekas-entry-content {
} }
label { label {
width:100%; width:100%;
&:active,&:focus,&:focus-within { &:active,&:focus,&:focus-within,&:hover {
+ .search-submit { + .search-submit {
display: inline; display: inline;
position: absolute; position: absolute;
@ -119,82 +120,7 @@ article,aside,.omekas-entry-content {
} }
} }
// wordpress // wordpress
.search-form {
// display: flex;
// justify-content: center;
// align-content: center;
// .search-field {
// margin-bottom: 0;
// }
// label {
// width: 40vw;
// max-width: 30rem;
// }
// input {
// border: $input-border;
// &:active,&:focus,&:focus-within {
// border: $input-border;
// }
// &.search-field {
// border-color: $primary-color;
// color: $primary-color;
// &::after {
// }
// &::placeholder {
// color: scale-color($primary-color, $lightness: -20%);
// }
// &:hover {
// background-color: scale-color($primary-color, $lightness: 95%);
// }
// &:active {
// background-color: scale-color($primary-color, $lightness: 85%);
// }
// }
// }
// input[type="search"] {
// padding-left: $global-padding;
// padding-right: $global-padding;
// border: $input-border;
// border-radius: $global-radius-archive;
// background-color: $input-background;
// }
// input[type="submit"]{
// @extend button;
// // width:0px;
// min-width: unset !important;
// // height:0px;
// color: $white;
// background-color: $input-background-focus;
// border-radius: $global-radius-archive;
// }
// &:active{
// input[type="submit"] {
// background-color: scale-color($input-background-focus, $lightness: -20%);
// }
// input[type="search"] {
// background-color: $input-background-focus;
// }
// }
// &:focus,&:focus-within{
// input[type="submit"] {
// // width:auto;
// // min-width: 10rem !important;
// // height:auto;
// background-color: $input-background;
// }
// input[type="search"] {
// padding-right: 11rem;
// border:$input-border;
// // border-color: $primary-color;
// background-color: $input-background;
// &:not(:placeholder-shown) {
// border:none;
// background-color: $input-background-focus;
// color: $primary-color;
// }
// }
// }
}
.hero { .hero {
.search-form { .search-form {
input[type="submit"]{ input[type="submit"]{

View File

@ -467,8 +467,6 @@ $input-font-family: inherit;
$input-font-size: rem-calc(16); $input-font-size: rem-calc(16);
$input-font-weight: $global-weight-normal; $input-font-weight: $global-weight-normal;
$input-line-height: $global-lineheight; $input-line-height: $global-lineheight;
//$input-background: $white;
//$input-background-focus: $white;
$input-background: scale-color($primary-color, $lightness: 95%); $input-background: scale-color($primary-color, $lightness: 95%);
$input-background-focus: scale-color($primary-color, $lightness: 85%); $input-background-focus: scale-color($primary-color, $lightness: 85%);
$input-background-disabled: $light-gray; $input-background-disabled: $light-gray;

View File

@ -40,7 +40,8 @@ article,aside,.omekas-entry-content {
margin: 0; margin: 0;
} }
.button { .button {
border-color: $primary-color; // border-color: $primary-color;
border: none;
} }
.appear { .appear {
display:none; display:none;
@ -105,7 +106,7 @@ article,aside,.omekas-entry-content {
} }
label { label {
width:100%; width:100%;
&:active,&:focus,&:focus-within { &:active,&:focus,&:focus-within,&:hover {
+ .search-submit { + .search-submit {
display: inline; display: inline;
position: absolute; position: absolute;
@ -119,82 +120,7 @@ article,aside,.omekas-entry-content {
} }
} }
// wordpress // wordpress
.search-form {
// display: flex;
// justify-content: center;
// align-content: center;
// .search-field {
// margin-bottom: 0;
// }
// label {
// width: 40vw;
// max-width: 30rem;
// }
// input {
// border: $input-border;
// &:active,&:focus,&:focus-within {
// border: $input-border;
// }
// &.search-field {
// border-color: $primary-color;
// color: $primary-color;
// &::after {
// }
// &::placeholder {
// color: scale-color($primary-color, $lightness: -20%);
// }
// &:hover {
// background-color: scale-color($primary-color, $lightness: 95%);
// }
// &:active {
// background-color: scale-color($primary-color, $lightness: 85%);
// }
// }
// }
// input[type="search"] {
// padding-left: $global-padding;
// padding-right: $global-padding;
// border: $input-border;
// border-radius: $global-radius-archive;
// background-color: $input-background;
// }
// input[type="submit"]{
// @extend button;
// // width:0px;
// min-width: unset !important;
// // height:0px;
// color: $white;
// background-color: $input-background-focus;
// border-radius: $global-radius-archive;
// }
// &:active{
// input[type="submit"] {
// background-color: scale-color($input-background-focus, $lightness: -20%);
// }
// input[type="search"] {
// background-color: $input-background-focus;
// }
// }
// &:focus,&:focus-within{
// input[type="submit"] {
// // width:auto;
// // min-width: 10rem !important;
// // height:auto;
// background-color: $input-background;
// }
// input[type="search"] {
// padding-right: 11rem;
// border:$input-border;
// // border-color: $primary-color;
// background-color: $input-background;
// &:not(:placeholder-shown) {
// border:none;
// background-color: $input-background-focus;
// color: $primary-color;
// }
// }
// }
}
.hero { .hero {
.search-form { .search-form {
input[type="submit"]{ input[type="submit"]{