Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Vertical align of Content #4

Closed
channelsurfer opened this issue Feb 13, 2020 · 1 comment
Closed

Vertical align of Content #4

channelsurfer opened this issue Feb 13, 2020 · 1 comment
Assignees
Labels
customization Specific adjustment, not a standard feature

Comments

@channelsurfer
Copy link

channelsurfer commented Feb 13, 2020

is there a way to center the back-content of the card vertically in the middle?

@channelsurfer channelsurfer changed the title Vertical align of ContentCenter content of the card vertically in the middle Vertical align of Content Feb 13, 2020
@forrestkirby
Copy link
Owner

This is not a feature of this element, but you could try the following:

  • edit the file /hd-flipcard/templates/template.php
    • change line 262 <?= $back($props) ?> to <?= $back($props) ?><div>
    • change line 297 <?= $back->end() ?> to </div><?= $back->end() ?>
  • edit the file /hd-flipcard/css/flipcard.css and add the following at the very end
.hd-flipcard .el-card-back > div {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding-right: 40px;
}

The padding might need adjustment for specific viewport sizes.

@forrestkirby forrestkirby self-assigned this Feb 20, 2020
@forrestkirby forrestkirby added the customization Specific adjustment, not a standard feature label Feb 21, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
customization Specific adjustment, not a standard feature
Projects
None yet
Development

No branches or pull requests

2 participants