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

[Library | Trunk]: Some css changes on modal, input and cards 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/assets@60670 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou 2021-03-18 17:12:26 +00:00
parent d5bc62a2a7
commit db9d2cd321
3 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
library-css/card.scss
View File

@ -8,17 +8,20 @@
opacity: 0.2; opacity: 0.2;
} }
.uk-card .uk-button.action { .uk-card .uk-button.action, .uk-card .uk-icon-button.action {
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0 3px 6px #00000029; box-shadow: 0 3px 6px #00000029;
border-radius: 40px;
font-family: "Roboto", sans-serif; font-family: "Roboto", sans-serif;
border: none; border: none;
color: #4D4D4D; color: #4D4D4D;
text-transform: none; text-transform: none;
padding: 10px 20px;
line-height: 20px; line-height: 20px;
font-size: 12px; font-size: 12px;
}
.uk-card .uk-button.action {
border-radius: 40px;
padding: 10px 20px;
width: 100%; width: 100%;
} }
@ -26,10 +29,10 @@
width: auto; width: auto;
} }
.uk-card .uk-button.action:disabled { .uk-card .uk-button.action:disabled, .uk-card .uk-icon-button.action:disabled {
opacity: 0.5; opacity: 0.5;
} }
.uk-card .uk-button.action:hover:not(:disabled) { .uk-card .uk-button.action:hover:not(:disabled), .uk-card .uk-icon-button.action:hover:not(:disabled) {
box-shadow: 0 3px 6px rgba(71, 135, 230, 0.5); box-shadow: 0 3px 6px rgba(71, 135, 230, 0.5);
} }

1
library-css/input.scss
View File

@ -19,6 +19,7 @@
background-color: transparent !important; background-color: transparent !important;
color: currentColor; color: currentColor;
font-size: 14px; font-size: 14px;
line-height: 31px;
} }
.input-box .uk-input:not(.uk-form-danger), .input-box .uk-input:not(.uk-form-danger),

14
library-css/modal.scss
View File

@ -19,7 +19,7 @@
background-color: white; background-color: white;
border-radius: 4px; border-radius: 4px;
max-height: calc(100vh - 30px); max-height: calc(100vh - 30px);
width: 1100px; width: 1120px;
box-shadow: 0 3px 6px #0000001a; box-shadow: 0 3px 6px #0000001a;
height: fit-content; height: fit-content;
position: relative; position: relative;
@ -27,23 +27,23 @@
.fs-modal .fs-modal-dialog > .header { .fs-modal .fs-modal-dialog > .header {
height: 39px; height: 39px;
padding: 20px 30px; padding: 30px 40px;
border-bottom: 1px solid rgba(26, 26, 26, 0.2); border-bottom: 1px solid rgba(var(--theme-secondary-color-rgb), 0.4);
} }
.fs-modal .fs-modal-dialog > .content { .fs-modal .fs-modal-dialog > .content {
max-height: calc(100vh - 210px); max-height: calc(100vh - 280px);
padding: 15px; padding: 30px 40px;
overflow: auto; overflow: auto;
} }
.fs-modal .fs-modal-dialog > .content.hasFooter { .fs-modal .fs-modal-dialog > .content.hasFooter {
max-height: calc(100vh - 270px); max-height: calc(100vh - 340px);
} }
.fs-modal .fs-modal-dialog > .footer { .fs-modal .fs-modal-dialog > .footer {
height: 39px; height: 39px;
padding: 10px 15px; padding: 30px 40px;
border-top: 1px solid rgba(26, 26, 26, 0.2); border-top: 1px solid rgba(26, 26, 26, 0.2);
} }