{"id":28220832,"url":"https://github.com/allexcd/vertically-centered-element","last_synced_at":"2025-10-24T01:41:45.888Z","repository":{"id":16486383,"uuid":"19238912","full_name":"allexcd/vertically-centered-element","owner":"allexcd","description":"AngularJS directive to dynamically add absolute position to a targeted element and to position it vertically centered.","archived":false,"fork":false,"pushed_at":"2014-04-28T13:12:43.000Z","size":176,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-18T04:16:27.370Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/allexcd.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-04-28T13:07:20.000Z","updated_at":"2014-04-28T13:13:29.000Z","dependencies_parsed_at":"2022-09-16T06:23:41.286Z","dependency_job_id":null,"html_url":"https://github.com/allexcd/vertically-centered-element","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/allexcd%2Fvertically-centered-element","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/allexcd%2Fvertically-centered-element/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/allexcd%2Fvertically-centered-element/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/allexcd%2Fvertically-centered-element/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/allexcd","download_url":"https://codeload.github.com/allexcd/vertically-centered-element/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/allexcd%2Fvertically-centered-element/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259047881,"owners_count":22797614,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-05-18T04:16:22.489Z","updated_at":"2025-10-24T01:41:40.848Z","avatar_url":"https://github.com/allexcd.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"vertically-centered-element\n===========================\n\nDirective to dynamically add absolute position to a targeted element and to position it vertically centered.\n\nDependencies\n============\nTo use this directive in your projects, you must include its dependencies. Asumming you already have angular and jquery libraries included in your project, you're going to need the main directive file: VerticallyCenteredElement.js\n\nUsage\n=====\nOnce you've checked that everything is in place, you can use this directive like so:\n\n```html\n\u003cdiv vertically-centered-element centering-animation=\"500\"\u003ecentered element\u003c/div\u003e\n```\n\nor\n\n```html\n\u003cvertically-centered-element centering-animation=\"500\"\u003e\n    \u003cdiv\u003ecentered element\u003c/div\u003e\n\u003c/vertically-centered-element\u003e\n```\n\nParameters\n==========\ncentering-animation\n\nIt dictates if an animation should be used to vertically center an element. Value should be given in milliseconds.\n\n\nDemo\n====\nhttp://plnkr.co/edit/f0OnoZsiFFcKplUvnNa6?p=info\n\nhttp://embed.plnkr.co/f0OnoZsiFFcKplUvnNa6/preview","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fallexcd%2Fvertically-centered-element","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fallexcd%2Fvertically-centered-element","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fallexcd%2Fvertically-centered-element/lists"}