MaDgIK
/
openaire-theme
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Production release (for EOSC EXPLORE) December 2023 #8

Merged
konstantina.galouni merged 8 commits from develop into master 2023-12-12 11:45:27 +01:00
Conversation 0 Commits 8 Files Changed 9 +7 -3
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit bdc26845e4 - Show all commits

10
less/input.less
View File

@ -5,6 +5,8 @@
--input-placeholder-color: @global-meta-color; --input-placeholder-color: @global-meta-color;
--input-placeholder-weight: 400; --input-placeholder-weight: 400;
--input-placeholder-padding-horizontal: 5px; --input-placeholder-padding-horizontal: 5px;
--input-placeholder-top: 0px;
--input-placeholder-transform: translateY(-50%);
--input-hint-color: @global-meta-color; --input-hint-color: @global-meta-color;
--input-color: @global-emphasis-color; --input-color: @global-emphasis-color;
--input-border-radius: @global-border-radius; --input-border-radius: @global-border-radius;
@ -61,7 +63,7 @@
background: var(--input-background); background: var(--input-background);
border-radius: var(--input-border-radius); border-radius: var(--input-border-radius);
position: relative; position: relative;
padding: var(--input-padding-vertical) 0 var(--input-padding-vertical) var(--input-padding-horizontal); padding: calc(var(--input-padding-vertical) + var(--input-placeholder-top)) 0 calc(var(--input-padding-vertical) - var(--input-placeholder-top)) var(--input-padding-horizontal);
cursor: pointer; cursor: pointer;
color: var(--input-color); color: var(--input-color);
@ -264,8 +266,8 @@
&.active > .input-box > .placeholder > label, &.active > .input-box > .placeholder > label,
&.focused > .input-box > .placeholder > label, &.focused > .input-box > .placeholder > label,
&.hint > .input-box > .placeholder > label { &.hint > .input-box > .placeholder > label {
transform: translateY(-50%); transform: var(--input-placeholder-transform);
top: calc(var(--input-border-width) * -1); top: calc(var(--input-placeholder-top) + var(--input-border-width) * -1);
font-size: 12px; font-size: 12px;
line-height: 18px; line-height: 18px;
} }
@ -305,6 +307,8 @@
--input-placeholder-weight: 700; --input-placeholder-weight: 700;
--input-placeholder-color: @global-color; --input-placeholder-color: @global-color;
--input-border-radius: 54px; --input-border-radius: 54px;
--input-placeholder-top: 10px;
--input-placeholder-transform: none;
--input-padding-horizontal: 30px; --input-padding-horizontal: 30px;
--input-padding-vertical: var(--search-input-icon-padding-vertical); --input-padding-vertical: var(--search-input-icon-padding-vertical);
--input-background-hover: @global-muted-background; --input-background-hover: @global-muted-background;