Skip to content

Commit

Permalink
add build artefact for icons
Browse files Browse the repository at this point in the history
  • Loading branch information
antoinerg committed Oct 2, 2018
1 parent 61d1c7b commit 1d4ac7e
Show file tree
Hide file tree
Showing 2 changed files with 11 additions and 9 deletions.
12 changes: 5 additions & 7 deletions build/plotcss.js
Original file line number Diff line number Diff line change
Expand Up @@ -31,17 +31,15 @@ var rules = {
"X .cursor-n-resize": "cursor:n-resize;",
"X .cursor-ne-resize": "cursor:ne-resize;",
"X .cursor-grab": "cursor:-webkit-grab;cursor:grab;",
"X .modebar": "position:absolute;top:2px;right:2px;z-index:1001;background:rgba(255,255,255,0.7);",
"X .modebar": "position:absolute;top:2px;right:2px;z-index:1001;",
"X .modebar--hover": "opacity:0;-webkit-transition:opacity 0.3s ease 0s;-moz-transition:opacity 0.3s ease 0s;-ms-transition:opacity 0.3s ease 0s;-o-transition:opacity 0.3s ease 0s;transition:opacity 0.3s ease 0s;",
"X:hover .modebar--hover": "opacity:1;",
"X .modebar-group": "float:left;display:inline-block;box-sizing:border-box;margin-left:8px;position:relative;vertical-align:middle;white-space:nowrap;",
"X .modebar-group:first-child": "margin-left:0px;",
"X .modebar-btn": "position:relative;font-size:16px;padding:3px 4px;cursor:pointer;line-height:normal;box-sizing:border-box;",
"X .modebar-btn": "position:relative;font-size:16px;padding:3px 4px;height:22px;cursor:pointer;line-height:normal;box-sizing:border-box;",
"X .modebar-btn svg": "position:relative;top:2px;",
"X .modebar-btn path": "fill:rgba(0,31,95,0.3);",
"X .modebar-btn.active path,X .modebar-btn:hover path": "fill:rgba(0,22,72,0.5);",
"X .modebar-btn.modebar-btn--logo": "padding:3px 1px;",
"X .modebar-btn.modebar-btn--logo path": "fill:#447adb !important;",
"X .modebar-btn.modebar-btn--logo": "font-size:20px;",
"X .modebar.vertical .modebar-group": "display:block;float:none;margin-left:0px;margin-top:8px;",
"X .modebar.vertical .modebar-group .modebar-btn": "display:block;text-align:center;",
"X [data-title]:before,X [data-title]:after": "position:absolute;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);display:none;opacity:0;z-index:1001;pointer-events:none;top:110%;right:50%;",
"X [data-title]:hover:before,X [data-title]:hover:after": "display:block;opacity:1;",
"X [data-title]:before": "content:'';position:absolute;background:transparent;border:6px solid transparent;z-index:1002;margin-top:-12px;border-bottom-color:#69738a;margin-right:-6px;",
Expand Down
8 changes: 6 additions & 2 deletions build/ploticon.js
Original file line number Diff line number Diff line change
Expand Up @@ -32,13 +32,13 @@ module.exports = {
'transform': 'matrix(1 0 0 -1 0 850)'
},
'zoom_plus': {
'width': 1000,
'width': 875,
'height': 1000,
'path': 'm1 787l0-875 875 0 0 875-875 0z m687-500l-187 0 0-187-125 0 0 187-188 0 0 125 188 0 0 187 125 0 0-187 187 0 0-125z',
'transform': 'matrix(1 0 0 -1 0 850)'
},
'zoom_minus': {
'width': 1000,
'width': 875,
'height': 1000,
'path': 'm0 788l0-876 875 0 0 876-875 0z m688-500l-500 0 0 125 500 0 0-125z',
'transform': 'matrix(1 0 0 -1 0 850)'
Expand Down Expand Up @@ -120,5 +120,9 @@ module.exports = {
'height': 1000,
'path': 'M512 409c0-57-46-104-103-104-57 0-104 47-104 104 0 57 47 103 104 103 57 0 103-46 103-103z m-327-39l92 0 0 92-92 0z m-185 0l92 0 0 92-92 0z m370-186l92 0 0 93-92 0z m0-184l92 0 0 92-92 0z',
'transform': 'matrix(1.5 0 0 -1.5 0 850)'
},
'newplotlylogo': {
'name': 'newplotlylogo',
'svg': '<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 132 132\'><defs><style>&#xD;\n .cls-1 {&#xD;\n fill: #119dff;&#xD;\n }&#xD;\n&#xD;\n .cls-2 {&#xD;\n fill: #25fefd;&#xD;\n }&#xD;\n&#xD;\n .cls-3 {&#xD;\n fill: #fff;&#xD;\n }&#xD;\n </style></defs><title>plotly-logomark</title><g id=\'symbol\'><rect class=\'cls-1\' width=\'132\' height=\'132\' rx=\'6\' ry=\'6\'/><circle class=\'cls-2\' cx=\'78\' cy=\'54\' r=\'6\'/><circle class=\'cls-2\' cx=\'102\' cy=\'30\' r=\'6\'/><circle class=\'cls-2\' cx=\'78\' cy=\'30\' r=\'6\'/><circle class=\'cls-2\' cx=\'54\' cy=\'30\' r=\'6\'/><circle class=\'cls-2\' cx=\'30\' cy=\'30\' r=\'6\'/><circle class=\'cls-2\' cx=\'30\' cy=\'54\' r=\'6\'/><path class=\'cls-3\' d=\'M30,72a6,6,0,0,0-6,6v24a6,6,0,0,0,12,0V78A6,6,0,0,0,30,72Z\'/><path class=\'cls-3\' d=\'M78,72a6,6,0,0,0-6,6v24a6,6,0,0,0,12,0V78A6,6,0,0,0,78,72Z\'/><path class=\'cls-3\' d=\'M54,48a6,6,0,0,0-6,6v48a6,6,0,0,0,12,0V54A6,6,0,0,0,54,48Z\'/><path class=\'cls-3\' d=\'M102,48a6,6,0,0,0-6,6v48a6,6,0,0,0,12,0V54A6,6,0,0,0,102,48Z\'/></g></svg>'

This comment has been minimized.

Copy link
@etpinard

etpinard Oct 2, 2018

Contributor

Ah I see. Can this thing be converted into a <path>?

This comment has been minimized.

Copy link
@antoinerg

antoinerg Oct 2, 2018

Author Contributor

I don't think so because it has several colors in it.

This comment has been minimized.

Copy link
@antoinerg

antoinerg Oct 2, 2018

Author Contributor

I should probably minify it though.

This comment has been minimized.

Copy link
@etpinard

etpinard Oct 2, 2018

Contributor

Ha I see. Do we really want a multi-color logo though?

cc @jackparmer

This comment has been minimized.

Copy link
@antoinerg

antoinerg Oct 2, 2018

Author Contributor

I thought that the ability to embed full SVG for icons might be useful in the future which is why I modified the pipeline a bit. Let me know if you think it's a bad idea!

}
};

1 comment on commit 1d4ac7e

@jackparmer
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don’t have a strong opinion about the logo being multicolor or single color. Not sure @fabric8 made a monocolor version though

Please sign in to comment.