123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287 |
- #views-exposed-form-publications-page-1,
- #views-exposed-form-bibliographie-page-1{
- margin: 2rem 0;
- display: flex;
- flex-wrap: wrap;
- & > div{
- width: 100%;
- @media screen and (min-width: 768px) {
- width: calc((100% / 2) - ( #{$gutter} * 2);
- }
- @media screen and (min-width: 992px) {
- width: auto;
- }
- @media screen and (min-width: 992px) {
- margin-right: 2rem;
- }
- &:not(:last-child){
- margin-bottom: 1rem;
- @media screen and (min-width: 768px) {
- margin-right: calc(#{$gutter} * 2);
- }
- @media screen and (min-width: 992px) {
- margin-bottom: 0rem;
- }
- }
- label{
- min-width: max-content;
- }
- .select-selected{
- width: 100%;
- min-width: 150px;
- background-color: white;
- color: $color2!important;
- &::after{
- position: absolute;
- content: "";
- top: 14px;
- right: 10px;
- width: 0;
- height: 0;
- border: 6px solid transparent;
- border-color: $color2 transparent transparent transparent;
- }
- &.select-arrow-active{
- &:after{
- transform: rotate(180deg);
- top: 7px;
- }
- }
- }
- .select-items {
- position: absolute;
- background-color: $color2;
- top: 100%;
- right: 0;
- z-index: 99;
- min-width: 150px;
- width: 100%;
- }
- }
- #edit-actions{
- @media screen and (min-width: 768px) {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
- @media screen and (min-width: 992px) {
- width: auto;
- }
- input{
- width: 100%;
- height: auto;
- background: $color2;
- color: white;
- border: none;
- outline: none;
- margin-top: 1rem;
- padding: 0.5rem 1rem;
- @media screen and (min-width: 768px) {
- max-width: 50%;
- margin-right: 1rem;
- }
- @media screen and (min-width: 992px) {
- max-width: 100%;
- margin-right: 0;
- margin-top: 0;
- }
- &:focus{
- border: none;
- outline: none;
- }
- &#edit-submit-publications{
- @media screen and (min-width: 768px) {
- margin-right: calc(#{$gutter} * 2);
- }
- }
- &.form-submit{
- margin-right: 0.75rem;
- }
- }
- }
- }
- // #views-exposed-form-search-page-1{
- // width: 100%;
- // max-width: 50%;
- // display: flex;
- // flex-wrap: nowrap;
- // margin:2rem 0;
- // & > div{
- // width: 100%;
- // }
- // @media screen and (min-width: 768px) {
- // max-width: 100%;
-
- // }
- // #edit-actions--2{
- // @media screen and (min-width: 768px) {
- // display: flex;
- // flex-wrap: nowrap;
- // width: 100%;
- // }
- // @media screen and (min-width: 992px) {
- // width: auto;
- // }
- // input{
- // width: 100%;
- // height: auto;
- // background: $color2;
- // color: white;
- // border: none;
- // outline: none;
- // margin-top: 1rem;
- // padding: 0.5rem 1rem;
- // @media screen and (min-width: 768px) {
- // max-width: 100%;
- // margin-right: 1rem;
- // }
- // @media screen and (min-width: 992px) {
- // max-width: 100%;
- // margin-right: 0;
- // margin-top: 0;
- // }
- // &:focus{
- // border: none;
- // outline: none;
- // }
- // &#edit-submit-publications{
- // @media screen and (min-width: 768px) {
- // margin-right: calc(#{$gutter} * 2);
- // }
- // }
- // }
- // }
- // }
- // .js-form-item-search-api-fulltext{
- // display: flex;
- // align-items: baseline;
- // label{
- // margin-right: 0.75rem;
- // }
- // input{
- // width: 100%;
- // height: auto;
- // background: white;
- // color: $color2;
- // border: none;
- // outline: none;
- // margin-top: 1rem;
- // padding: 0.5rem 1rem;
- // @media screen and (min-width: 768px) {
- // max-width: 100%;
- // margin-right: 1rem;
- // }
- // @media screen and (min-width: 992px) {
- // max-width: 100%;
- // margin-right: 0;
- // margin-top: 0;
- // }
- // &:focus{
- // border: none;
- // outline: none;
- // }
- // &#edit-submit-publications{
- // @media screen and (min-width: 768px) {
- // margin-right: calc(#{$gutter} * 2);
- // }
- // }
- // }
- // }
- #block-formulaireexposesearchpage-1{
- input{
- width: 100%;
- height: auto;
- background: white;
- color: $color2;
- border: none;
- outline: none;
- margin-top: 1rem;
- padding: 0.5rem 1rem;
- @media screen and (min-width: 768px) {
- max-width: 100%;
- margin-right: 1rem;
- }
- @media screen and (min-width: 992px) {
- max-width: 100%;
- margin-right: 0;
- margin-top: 0;
- }
- &:focus{
- border: none;
- outline: none;
- }
- &#edit-submit-publications{
- @media screen and (min-width: 768px) {
- margin-right: calc(#{$gutter} * 2);
- }
- }
- &.form-submit{
- background: $color2;
- color: white;
- }
- }
- #views-exposed-form-search-page-1{
- display: flex;
- flex-wrap: wrap;
- margin: 2rem 0;
- & > div{
- width: 100%;
- @media screen and (min-width: 768px) {
- &:first-child{
- width: 75%;
- }
- &:last-child{
- width: 25%;
- }
- }
- @media screen and (min-width: 992px) {
- &:first-child{
- max-width: 350px;
- }
- &:last-child{
- max-width: max-content;
- }
- }
- }
- }
- }
- .js-form-type-select {
- position: relative;
- font-family: Arial;
- display: inline-flex;
- align-items: baseline;
- label{
- margin-right: 1rem;
- }
- }
- .js-form-type-select select {
- display: none;
- }
- .select-selected.select-arrow-active:after {
- border-color: transparent transparent $color2 transparent;
- top: 7px;
- }
- .select-items div,.select-selected {
- color: #ffffff;
- padding: 8px 30px 8px 16px;
- border: 1px solid transparent;
- border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
- cursor: pointer;
- }
- .select-hide {
- display: none;
- }
- .select-items div:hover, .same-as-selected {
- background-color: rgba(0, 0, 0, 0.1);
- }
|