@andymcloid/trakk 1.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/trakk.css +1 -1
- package/dist/trakk.css.map +1 -1
- package/package.json +1 -1
- package/src/trakk.css +4 -3
package/dist/trakk.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.timeline-editor{height:100%;width:100%;min-height:
|
|
1
|
+
.timeline-editor{height:100%;width:100%;min-height:100px;position:relative;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:#191b1d;display:flex;flex-direction:column;overflow:hidden;color:#fff;box-sizing:border-box;user-select:none}.timeline-editor-time-area{position:relative;height:32px;flex:0 0 auto;background-color:#191b1d;overflow:hidden;z-index:150}.timeline-editor-time-area-wrapper{position:relative;height:100%}.timeline-editor-time-area-interact{position:absolute;cursor:pointer;left:0;top:0;height:100%;display:flex;align-items:flex-end}.timeline-editor-time-unit{border-right:1px solid rgba(255,255,255,.15);position:relative;box-sizing:border-box;height:6px;bottom:0;flex-shrink:0}.timeline-editor-time-unit-big{height:12px;border-right:1px solid rgba(255,255,255,.3)}.timeline-editor-time-unit-scale{color:rgba(255,255,255,.6);position:absolute;right:0;top:0;transform:translate(50%,-100%);padding-bottom:4px;font-size:11px}.timeline-editor-edit-area{flex:1 1 0;margin-top:0;overflow-x:scroll;overflow-y:auto;position:relative;min-height:48px;min-width:0;height:100%;width:0;scrollbar-color:rgba(255,255,255,0.3) rgba(0,0,0,0.2);scrollbar-width:auto}.timeline-editor-rows{position:relative;z-index:1}.timeline-editor-edit-area::-webkit-scrollbar{width:14px;height:14px}.timeline-editor-edit-area::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2);border-radius:10px}.timeline-editor-edit-area::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.3);border-radius:10px}.timeline-editor-edit-area::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.45)}.timeline-editor-edit-area::-webkit-scrollbar-corner{background-color:rgba(0,0,0,.2)}.timeline-editor-edit-row{--timeline-scale-width:160px;background-repeat:no-repeat,repeat;background-image:linear-gradient(#191b1d,#191b1d),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 0);background-size:var(--timeline-scale-width) 100%;display:flex;flex-direction:row;box-sizing:border-box;position:relative;border-bottom:1px solid rgba(255,255,255,.1);min-height:32px}.timeline-editor-edit-row:first-child{border-top:1px solid rgba(255,255,255,.1)}.timeline-editor-edit-row::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent;pointer-events:none;transition:background-color .1s}.timeline-editor-edit-row:hover::before{background-color:rgba(255,255,255,.02)}.timeline-editor-row-label{position:absolute;left:0;top:0;height:100%;display:flex;align-items:center;padding:0 8px;color:rgba(255,255,255,.7);font-size:12px;font-weight:500;background-color:#191b1d;border-right:1px solid rgba(255,255,255,.1);z-index:2;pointer-events:auto}.timeline-editor-row-label:hover{color:rgba(255,255,255,.9)}.timeline-editor-row-label-locked::after{content:'';margin-left:6px;width:10px;height:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.4)'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;flex-shrink:0}.timeline-editor-row-label-input{user-select:text}.timeline-editor-row-delete{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:16px;height:16px;cursor:pointer;opacity:0;transition:opacity .15s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.5)'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.timeline-editor-label-row:hover .timeline-editor-row-delete,.timeline-editor-row-label:hover .timeline-editor-row-delete{opacity:1}.timeline-editor-label-row:hover .timeline-editor-lock-icon{opacity:0}.timeline-editor-row-delete:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,100,100,0.9)'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E")}.timeline-editor-action-locked{opacity:.7}.timeline-editor-action-delete{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:12px;height:12px;cursor:pointer;opacity:0;transition:opacity .15s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.5)'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;z-index:2}.timeline-editor-action:hover .timeline-editor-action-delete{opacity:1}.timeline-editor-action-delete:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,100,100,0.9)'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E")}.timeline-editor-action{position:absolute;left:0;top:4px;background-color:#2f3134;border-radius:4px;cursor:move;user-select:none;height:calc(100% - 8px);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);box-sizing:border-box;transition:background-color .2s}.timeline-editor-action:hover{background-color:#3a3d40}.timeline-editor-action.selected{background-color:#4a7ba7;border-color:#5297ff}.timeline-editor-action-left-stretch,.timeline-editor-action-right-stretch{position:absolute;top:0;width:10px;border-radius:4px;height:100%;overflow:hidden;cursor:ew-resize;z-index:1}.timeline-editor-action-left-stretch::after,.timeline-editor-action-right-stretch::after{content:"";position:absolute;top:0;bottom:0;margin:auto;border-radius:4px;border-top:14px solid transparent;border-bottom:14px solid transparent}.timeline-editor-action-left-stretch{left:0}.timeline-editor-action-left-stretch::after{left:0;border-left:7px solid rgba(255,255,255,.1);border-right:7px solid transparent}.timeline-editor-action-right-stretch{right:0}.timeline-editor-action-right-stretch::after{right:0;border-right:7px solid rgba(255,255,255,.1);border-left:7px solid transparent}.timeline-editor-cursor{cursor:ew-resize;position:absolute;top:32px;height:calc(100% - 32px);box-sizing:border-box;border-left:1px solid #5297ff;border-right:1px solid #5297ff;transform:translateX(-50%);pointer-events:none;z-index:100;will-change:left}.timeline-editor-cursor-top{position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:8px;height:12px;pointer-events:none}.timeline-editor-cursor-top::before{content:'';position:absolute;top:0;left:0;width:8px;height:12px;background:#5297ff;clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}.timeline-editor-cursor-area{width:16px;height:100%;cursor:ew-resize;position:absolute;top:0;left:50%;transform:translateX(-50%);pointer-events:all}.timeline-editor-disable .timeline-editor-action{cursor:not-allowed;opacity:.6}.timeline-editor-disable .timeline-editor-cursor{cursor:not-allowed}.timeline-editor-action-content{padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;width:100%;text-align:center}
|
package/dist/trakk.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["$stdin"],"names":[],"mappings":"AACA,iBACE,OAAQ,KACR,MAAO,KACP,WAAY,MACZ,SAAU,SACV,UAAW,KACX,YAAa,aAAa,CAAE,kBAAkB,CAAE,UAAU,CAAE,MAAM,CAAE,gBAAgB,CAAE,KAAK,CAAE,WAC7F,iBAAkB,QAClB,QAAS,KACT,eAAgB,OAChB,SAAU,OACV,MAAO,KACP,WAAY,WACZ,YAAa,KAIf,2BACE,SAAU,SACV,OAAQ,KACR,KAAM,EAAE,EAAE,KACV,iBAAkB,QAClB,SAAU,OACV,QAAS,IAGX,mCACE,SAAU,SACV,OAAQ,KAGV,oCACE,SAAU,SACV,OAAQ,QACR,KAAM,EACN,IAAK,EACL,OAAQ,KACR,QAAS,KACT,YAAa,SAGf,2BACE,aAAc,IAAI,MAAM,sBACxB,SAAU,SACV,WAAY,WACZ,OAAQ,IACR,OAAQ,EACR,YAAa,EAGf,+BACE,OAAQ,KACR,aAAc,IAAI,MAAM,qBAG1B,iCACE,MAAO,qBACP,SAAU,SACV,MAAO,EACP,IAAK,EACL,UAAW,qBACX,eAAgB,IAChB,UAAW,KAIb,2BACE,KAAM,EAAE,EAAE,EACV,WAAY,EACZ,
|
|
1
|
+
{"version":3,"sources":["$stdin"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/trakk.css
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
.timeline-editor {
|
|
3
3
|
height: 100%;
|
|
4
4
|
width: 100%;
|
|
5
|
-
min-height:
|
|
5
|
+
min-height: 100px;
|
|
6
6
|
position: relative;
|
|
7
7
|
font-size: 12px;
|
|
8
8
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
@@ -68,9 +68,10 @@
|
|
|
68
68
|
.timeline-editor-edit-area {
|
|
69
69
|
flex: 1 1 0;
|
|
70
70
|
margin-top: 0;
|
|
71
|
-
overflow:
|
|
71
|
+
overflow-x: scroll;
|
|
72
|
+
overflow-y: auto;
|
|
72
73
|
position: relative;
|
|
73
|
-
min-height:
|
|
74
|
+
min-height: 48px; /* Ensure horizontal scrollbar is always visible (row height + scrollbar) */
|
|
74
75
|
min-width: 0;
|
|
75
76
|
height: 100%;
|
|
76
77
|
width: 0;
|