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;
}
.uk-card .uk-button.action {
.uk-card .uk-button.action, .uk-card .uk-icon-button.action {
background: #FFFFFF;
box-shadow: 0 3px 6px #00000029;
border-radius: 40px;
font-family: "Roboto", sans-serif;
border: none;
color: #4D4D4D;
text-transform: none;
padding: 10px 20px;
line-height: 20px;
font-size: 12px;
}
.uk-card .uk-button.action {
border-radius: 40px;
padding: 10px 20px;
width: 100%;
}
@ -26,10 +29,10 @@
width: auto;
}
.uk-card .uk-button.action:disabled {
.uk-card .uk-button.action:disabled, .uk-card .uk-icon-button.action:disabled {
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);
}

1
library-css/input.scss
View File

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

14
library-css/modal.scss
View File

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