Skip to content

Commit

Permalink
cleanup
Browse files Browse the repository at this point in the history
  • Loading branch information
@Templarian
Templarian committed Jan 4, 2024
1 parent bda9680 commit 3f2bcdf
Show file tree
Hide file tree
Showing 13 changed files with 10,047 additions and 405 deletions.
10,089 changes: 9,986 additions & 103 deletions package-lock.json
View file

Large diffs are not rendered by default.

19 changes: 9 additions & 10 deletions package.json
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"private": true,
"name": "@pictogrammers/components",
"version": "0.3.2",
"version": "0.3.3",
"license": "MIT",
"author": "Austin Andrews",
"scripts": {
Expand All @@ -15,23 +15,22 @@
"type": "git",
"url": "git+https://github.com/Templarian/MaterialDesign-Web-Component.git"
},
"dependencies": {},
"devDependencies": {
"@pictogrammers/element": "0.0.23",
"@pictogrammers/element-jest": "^0.1.4",
"@pictogrammers/element-webpack": "^0.1.20",
"dependencies": {
"@popperjs/core": "^2.11.5",
"@types/js-yaml": "^4.0.5",
"dexie": "^3.2.1",
"js-yaml": "^4.1.0",
"lodash-es": "^4.17.21",
"prismjs": "^1.27.0",
"remarkable": "^2.0.1",
"remarkable": "^2.0.1"
},
"devDependencies": {
"@pictogrammers/element": "0.0.27",
"@pictogrammers/element-jest": "^0.1.4",
"@pictogrammers/element-webpack": "^0.1.24",
"cross-env": "^7.0.3",
"npm-run-all": "^4.1.5",
"raw-loader": "^4.0.2",
"ts-jest": "^27.1.4",
"ts-loader": "^9.2.8",
"typescript": "^4.6.3"
"typescript": "^4.6.4"
}
}
7 changes: 7 additions & 0 deletions src/favicon.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions src/pg/annoy/__examples__/basic/basic.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
:host {
--pg-annoy-position: static;
}
11 changes: 4 additions & 7 deletions src/pg/annoy/__examples__/basic/basic.html
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,5 @@
<div class="example">
<pg-annoy></pg-annoy>
</div>
<pre style="color:#FFF;background:#222;padding:0.5rem;border-radius:0.25rem">pg-annoy {
position: fixed;
bottom: 1.5rem;
right: 2rem;
}</pre>
<pg-annoy>
This is a very annoying corner message.
</pg-annoy>
</div>
4 changes: 3 additions & 1 deletion src/pg/annoy/__examples__/basic/basic.ts
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,12 @@
import { Component, Part, Prop } from '@pictogrammers/element';

import template from './basic.html';
import style from './basic.css';

@Component({
selector: 'x-pg-annoy-basic',
template
template,
style
})
export default class XPgAnnoyBasic extends HTMLElement {

Expand Down
209 changes: 14 additions & 195 deletions src/pg/annoy/annoy.css
View file
Original file line number Diff line number Diff line change
@@ -1,34 +1,32 @@
:host {
display: block;
position: var(--pg-annoy-position, fixed);
font-family: var(--pg-font-family);
}

[part=list] {
width: 12rem;
width: var(--pg-annoy-width, 12rem);
height: var(--pg-annoy-height, auto);
max-height: var(--pg-annoy-max-height, auto);
font-size: 1rem;
transition: 0.1s margin-bottom ease-in;
}

[part=list] > div {
display: none;
:host(.footer) {
margin-bottom: 4rem;
}

[part=list] > div.show {
div {
position: relative;
display: grid;
margin-right: 0.75rem;
padding: 0.5rem;
border: 1px solid #fff;
border: 1px solid #FFFFFF;
border-radius: 0.25rem;
background: #fff;
background: #FFFFFF;
box-shadow: 0 1px 2rem rgba(0, 0, 0, 0.3);
}

:host(.footer) {
margin-bottom: 4rem;
}

[part=close] {
position: relative;
left: 11.25rem;
position: absolute;
right: -0.75rem;
top: -0.75rem;
width: 1.5rem;
height: 1.5rem;
border: 1px solid #fff;
Expand All @@ -37,7 +35,6 @@
display: flex;
align-items: center;
justify-content: center;
top: 0.75rem;
box-shadow: 0 1px 0.25rem rgba(0, 0, 0, 0.4);
padding: 0;
color: rgba(69, 60, 79, 0.8);
Expand Down Expand Up @@ -69,181 +66,3 @@
width: 1rem;
height: 1rem;
}

[part=extension] {
display: grid;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
color: #453C4F;
}

[part=extension] a.chrome {
display: flex;
grid-row: 1;
grid-column: 1;
color: #453C4F;
border: 1px solid #453C4F;
border-radius: 0.25rem;
padding: 0.4rem 0.9rem;
justify-self: center;
text-align: center;
margin: 0.25rem;
}

[part=extension] a.firefox {
display: flex;
grid-row: 1;
grid-column: 2;
color: #453C4F;
border: 1px solid #453C4F;
border-radius: 0.25rem;
padding: 0.4rem 0.9rem;
justify-self: center;
text-align: center;
margin: 0.25rem;
}

[part=extension] a.chrome:hover,
[part=extension] a.firefox:hover {
color: #fff;
background: #453C4F;
}

[part=extension] a svg {
width: 2rem;
height: 2rem;
}

[part=extension] div.text {
grid-row: 2;
grid-column: 1 / span 2;
text-align: center;
margin-top: 0.25rem;
font-weight: bold;
cursor: default;
}

[part=contextMenu] {
color: #453C4F;
}

[part=contextMenu] div.text {
text-align: center;
margin-top: 0.25rem;
font-weight: bold;
cursor: default;
}

[part=react] code {
padding: 0.5rem;
background: #222;
border-radius: 0.25rem;
color: #FFF;
font-size: 12px;
text-align: center;
margin: 0.25rem;
}

[part=react] a {
display: grid;
position: relative;
grid-row: 1;
grid-column: 1;
grid-template-rows: auto 2rem;
grid-template-columns: auto;
color: #453C4F;
border: 1px solid #453C4F;
border-radius: 0.25rem;
padding: 0.5rem 0 0 0;
margin: 0.25rem;
text-decoration: none;
}

[part=react] a:hover,
[part=react] a:hover {
color: #fff;
background: #453C4F;
}

[part=react] a svg.link {
width: 1.5rem;
height: 1.5rem;
position: absolute;
bottom: 0.5rem;
right: 0.5rem;
}

[part=react] a svg.file {
width: 4rem;
height: 4rem;
grid-row: 1;
grid-column: 1;
justify-self: center;
}

[part=react] a .link-text {
grid-row: 2;
grid-column: 1;
text-align: center;
font-weight: bold;
}

/* Upgrade */

[part=upgrade] {
grid-template-rows: auto auto;
color: #453C4F;
}

[part=upgrade] div.text {
grid-row: 2;
grid-column: 1;
text-align: center;
margin-top: 0.25rem;
font-weight: bold;
cursor: default;
}

[part=upgrade] a {
display: grid;
position: relative;
grid-row: 1;
grid-column: 1;
grid-template-rows: auto 2rem;
grid-template-columns: auto;
color: #453C4F;
border: 1px solid #453C4F;
border-radius: 0.25rem;
padding: 0.5rem 0 0 0;
margin: 0.25rem;
text-decoration: none;
}

[part=upgrade] a:hover,
[part=upgrade] a:hover {
color: #fff;
background: #453C4F;
}

[part=upgrade] a svg.link {
width: 1.5rem;
height: 1.5rem;
position: absolute;
bottom: 0.5rem;
right: 0.5rem;
}

[part=upgrade] a svg.file {
width: 4rem;
height: 4rem;
grid-row: 1;
grid-column: 1;
justify-self: center;
}

[part=upgrade] a .link-text {
grid-row: 2;
grid-column: 1;
text-align: center;
font-weight: bold;
}
Loading

0 comments on commit 3f2bcdf

Please sign in to comment.