[LIbrary | Trunk]: Add input-bordeless css
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/assets@60412 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou
parent
fd34d18070
commit
eedde28f3b
|
|
@ -9,8 +9,31 @@
|
|||
color: currentColor;
|
||||
}
|
||||
|
||||
.uk-input.input-box,
|
||||
.uk-textarea.input-box,
|
||||
.input-box .uk-input,
|
||||
.input-box .uk-textarea,
|
||||
.input-borderless .uk-input,
|
||||
.input-borderless .uk-textarea {
|
||||
height: auto;
|
||||
padding: 0;
|
||||
background-color: transparent !important;
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.input-box .uk-input:not(.uk-form-danger),
|
||||
.input-box .uk-textarea:not(.uk-form-danger),
|
||||
.input-borderless .uk-input:not(.uk-form-danger),
|
||||
.input-borderless .uk-textarea:not(.uk-form-danger){
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.input-box .uk-input::placeholder,
|
||||
.input-box .uk-textarea::placeholder,
|
||||
.input-box::placeholder,
|
||||
.placeholder {
|
||||
color: #7A7A7A !important;
|
||||
}
|
||||
|
||||
/* Input Box */
|
||||
.input-box {
|
||||
background-color: #FAFAFA !important;
|
||||
border: 1px solid transparent;
|
||||
|
|
@ -18,27 +41,21 @@
|
|||
border-radius: 4px;
|
||||
color: currentColor;
|
||||
height: auto;
|
||||
line-height: 17px;
|
||||
transition-property: height;
|
||||
transition-duration: 0.5s;
|
||||
}
|
||||
|
||||
.uk-input.input-box:focus,
|
||||
.uk-textarea.input-box:focus,
|
||||
.input-box .uk-input:focus,
|
||||
.input-box .uk-textarea:focus,
|
||||
.input-box:focus{
|
||||
color: currentColor !important;
|
||||
}
|
||||
|
||||
.uk-input.input-box:not(.uk-form-danger),
|
||||
.uk-textarea.input-box:not(.uk-form-danger),
|
||||
.input-box:not(.uk-form-danger){
|
||||
border: 1px solid #D1D1D1 !important;
|
||||
}
|
||||
|
||||
.uk-input.input-box::placeholder,
|
||||
.uk-textarea.input-box::placeholder,
|
||||
.input-box::placeholder,
|
||||
.input-box .placeholder {
|
||||
color: #7A7A7A !important;
|
||||
}
|
||||
|
||||
.input-box .placeholder {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
|
@ -73,8 +90,8 @@
|
|||
display: none;
|
||||
}
|
||||
|
||||
.uk-input.input-box:disabled,
|
||||
.uk-textarea.input-box:disabled,
|
||||
.input-box .uk-input:disabled,
|
||||
.input-box .uk-textarea:disabled,
|
||||
.input-box .mat-select-disabled .mat-select-value,
|
||||
.input-box .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
|
||||
color: currentColor !important;
|
||||
|
|
@ -95,3 +112,93 @@
|
|||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.input-box .tools {
|
||||
max-height: 0;
|
||||
transition: max-height 0.6s linear;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.input-box .tools.focused {
|
||||
max-height: 100px;
|
||||
transition: max-height 0.6s linear;
|
||||
}
|
||||
|
||||
/* Input borderless*/
|
||||
.input-borderless {
|
||||
background-color: transparent !important;
|
||||
border: none;
|
||||
padding: 5px;
|
||||
color: currentColor;
|
||||
height: auto;
|
||||
line-height: 17px;
|
||||
}
|
||||
|
||||
.input-borderless .uk-input:focus,
|
||||
.input-borderless .uk-textarea:focus,
|
||||
.input-borderless:focus{
|
||||
color: currentColor !important;
|
||||
}
|
||||
|
||||
.input-borderless .uk-input:not(.uk-form-danger),
|
||||
.input-borderless .uk-textarea:not(.uk-form-danger),
|
||||
.input-borderless:not(.uk-form-danger){
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.input-borderless .placeholder {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
padding: 6px;
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
.input-borderless .mat-select {
|
||||
font-family: "Open Sans", sans-serif;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.input-borderless .mat-select-value {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.input-borderless .mat-form-field-infix {
|
||||
border: none !important;
|
||||
line-height: 30px;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.input-borderless .mat-form-field-appearance-legacy .mat-form-field-wrapper {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.input-borderless .mat-form-field-appearance-legacy .mat-form-field-underline {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.input-box .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.input-borderless .uk-input:disabled,
|
||||
.input-borderless .uk-textarea:disabled,
|
||||
.input-borderless .mat-select-disabled .mat-select-value,
|
||||
.input-borderless .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
|
||||
color: currentColor !important;
|
||||
}
|
||||
|
||||
.input-borderless .mat-chip.mat-standard-chip, .mat-chip.mat-standard-chip:hover {
|
||||
color: var(--text-color);
|
||||
border: 1px solid rgba(var(--text-color-rgb), 0.5);
|
||||
background: white;
|
||||
}
|
||||
|
||||
.input-borderless .mat-chip.mat-standard-chip::after {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.input-borderless .mat-chip.mat-standard-chip .mat-chip-remove {
|
||||
color: var(--text-color);
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -62,6 +62,10 @@ h2 .custom-external {
|
|||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.multi-line-ellipsis.lines-2 p {
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
|
||||
.multi-line-ellipsis.lines-3 p {
|
||||
-webkit-line-clamp: 3;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue