{"id":21721654,"url":"https://github.com/polydile/dile-user-config-box","last_synced_at":"2025-03-20T21:44:52.102Z","repository":{"id":97969985,"uuid":"120786840","full_name":"Polydile/dile-user-config-box","owner":"Polydile","description":"Polymer Element to display an user avatar image with a dropdown overlay","archived":false,"fork":false,"pushed_at":"2018-03-05T15:19:55.000Z","size":17,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-25T18:43:27.252Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","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/Polydile.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-02-08T16:29:59.000Z","updated_at":"2018-02-08T16:30:29.000Z","dependencies_parsed_at":null,"dependency_job_id":"be32f486-1625-430a-9e28-3a372a213d5e","html_url":"https://github.com/Polydile/dile-user-config-box","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Polydile%2Fdile-user-config-box","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Polydile%2Fdile-user-config-box/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Polydile%2Fdile-user-config-box/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Polydile%2Fdile-user-config-box/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Polydile","download_url":"https://codeload.github.com/Polydile/dile-user-config-box/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244694225,"owners_count":20494607,"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":"2024-11-26T02:18:19.726Z","updated_at":"2025-03-20T21:44:52.046Z","avatar_url":"https://github.com/Polydile.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# \\\u003cdile-user-config-box\\\u003e\n\nA Polymer web component to display an image with an asociated overlay. The image colud be an user avatar or an icon (by default). When the user clicks on the avatar, the overlay opens with an animation.\n\nYou can use any content in the overlay via an slot named \"overlay-content\".\n\n```html\n\u003cdile-user-config-box\u003e\n  \u003cspan slot=\"overlay-content\"\u003e\n      \u003cp\u003eLorem ipsum dolor sit amet consectetur adipisicing elit. Quasi natus temporibus delectus saepe reprehenderit labore ab nemo est vitae. Ipsum deserunt cupiditate animi sit nihil soluta est sapiente tempora facere.\u003c/p\u003e\n    \u003c/span\u003e\n\u003c/dile-user-config-box\u003e\n```\n\n### Styling\nThe following custom properties and mixins are also available for styling:\n\nCustom property | Description | Default\n----------------|-------------|----------\n`--dile-user-config-box-zindex` | A property that controls the overlay z-index | 999999\n`--dile-user-config-box-overlay` | A mixin that is applied to the overlay | `{}`\n`--dile-user-config-box-icon-color` | A property that controls de icon color | #999\n`--dile-user-config-icon` | A mixin that is applied to the icon | `{}`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpolydile%2Fdile-user-config-box","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpolydile%2Fdile-user-config-box","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpolydile%2Fdile-user-config-box/lists"}