@topvisor/ui 1.0.18-dialog-footer-6 → 1.0.18-fixes-7
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/assets/charts.css +1 -1
- package/assets/notice.css +1 -1
- package/package.json +1 -1
package/assets/charts.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.top-miniChart{cursor:default;box-sizing:border-box;border-color:transparent;height:100%;position:relative;display:flex;flex:1 1 auto;
|
|
1
|
+
.top-miniChart{cursor:default;box-sizing:border-box;border-color:transparent;height:100%;position:relative;display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;font-size:12px}.top-miniChart:not(:last-child){margin-right:32px}.top-miniChart:not(:last-child):after{content:"";width:1px;background-color:var(--color-line-1-opacity);position:absolute;top:0;right:-16px;bottom:0}.top-miniChart_title{--top-icon-size: 16px;--top-icon-width: 16px;width:auto;max-height:18px;max-width:100%;padding-right:24px;font-size:14px}.top-miniChart_title[data-top-icon]:before{border-radius:50%;margin-right:4px}.top-miniChart.top-color_orange .top-miniChart_title[data-top-icon]:before{background:var(--color-layer-warning-2)}.top-miniChart.top-color_pink .top-miniChart_title[data-top-icon]:before{background:var(--color-layer-info-2)}.top-miniChart.top-color_blue .top-miniChart_title[data-top-icon]:before{background:var(--color-layer-primary-2)}.top-miniChart_data{pointer-events:none;text-align:right;position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between}.top-miniChart_dataDynamic:before{content:"––"}.top-miniChart_dataDynamic-direction_up{color:var(--color-text-positive)}.top-miniChart_dataDynamic-direction_up:before{content:"+"}.top-miniChart_dataDynamic-direction_stay{color:var(--color-text-warning)}.top-miniChart_dataDynamic-direction_down{color:var(--color-text-negative)}.top-miniChart_dataDynamic-direction_down:before{content:"–"}.top-miniChart_chart{margin:3px 0 20px;border-top:1px solid var(--color-line-1);border-bottom:1px solid var(--color-line-1);padding:2px 0;display:block;flex-grow:1}.top-miniChart_chartGrid{height:100%;width:100%;overflow:hidden;display:grid;grid-template-columns:repeat(auto-fill,6px);grid-auto-rows:100%;gap:2px 0;align-items:end;justify-content:space-between;direction:rtl}.top-miniChart_chartGridCol{cursor:pointer;border-radius:2px;height:100%;padding:0 1px;opacity:1;display:flex;flex-direction:column-reverse}.top-miniChart_chartGridCol:not(.top-active){opacity:.3}.top-miniChart_chartGridCol:hover{background:var(--color-layer-3);opacity:.7}.top-miniChart_chartGridCol>div{border-radius:inherit;background:var(--color-layer-3)}.top-miniChart.top-color_orange .top-miniChart_chartGridCol>div{background:var(--color-line-warning-1)}.top-miniChart.top-color_pink .top-miniChart_chartGridCol>div{background:var(--color-line-info-1)}.top-miniChart.top-color_blue .top-miniChart_chartGridCol>div{background:var(--color-line-primary-1)}.top-miniChart_chartGridCol-none{cursor:default}.top-miniChart_chartGridCol-none>div{background:var(--color-theme-100)!important;height:2px}@media only screen and (max-width: 900px){.top-miniChart_hideChartInMobile{width:1px;align-items:center;justify-content:center;gap:var(--top-gap-1);box-shadow:var(--top-shadow-s);border-radius:var(--top-radius-2);padding:var(--top-padding-1);background:var(--color-layout-front-1)}.top-miniChart_hideChartInMobile:not(:last-child){margin:0}.top-miniChart_hideChartInMobile:not(:last-child):after{content:none}.top-miniChart_hideChartInMobile .top-miniChart_title{height:auto;padding:0;line-height:1;font-size:12px;flex-grow:0}.top-miniChart_hideChartInMobile .top-miniChart_chart{display:none}.top-miniChart_hideChartInMobile .top-miniChart_data{font-size:10px;line-height:1;pointer-events:unset;text-align:unset;position:unset;flex-direction:unset;justify-content:unset}.top-miniChart_hideChartInMobile .top-miniChart_dataDynamic{order:1;margin-left:4px}}.top-miniCharts{position:relative;max-width:1650px;height:100%;overflow:hidden;row-gap:var(--top-gap-2);display:flex;flex-wrap:wrap;flex-grow:1}.top-miniCharts_pages{height:100%;margin-left:-6px;position:sticky;top:0;left:calc(100% - 6px);order:-1;display:flex;flex-direction:column;justify-content:center}.top-miniCharts_pages>span{cursor:pointer;border-radius:50%;background:var(--color-layer-primary-2);width:6px;height:6px;margin:8px 0 0}.top-miniCharts_pages>span:first-child{margin-top:0}.top-miniCharts_pages>span.top-active,.top-miniCharts_pages>span:hover{background:var(--color-text-primary)}.top-miniCharts_tooltip{cursor:default;box-shadow:var(--top-shadow-b);border-radius:var(--top-radius-2);background:var(--content-background-color);padding:var(--top-padding-2);font-size:12px;white-space:nowrap;position:absolute;top:0;left:0;overflow:hidden;z-index:200000;display:flex;gap:0 var(--top-gap-2);align-items:center;transition:.2s;pointer-events:none}.top-miniCharts_tooltip>span:first-child{color:var(--color-text-3)}@media only screen and (max-width: 900px){.top-miniCharts_hideChartInMobile{border:none;background:none;width:100%;padding:0;gap:var(--top-gap-2);flex-grow:1;flex-wrap:nowrap;overflow:hidden}.top-miniCharts_hideChartInMobile>.top-miniCharts_pages{display:none}}
|
package/assets/notice.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.top-notice_item{--top-notice-item-color: var(--color-text-primary);box-shadow:var(--top-shadow);border-radius:var(--top-radius-4);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);
|
|
1
|
+
.top-notice_item{--top-notice-item-color: var(--color-text-primary);box-shadow:var(--top-shadow);border-radius:var(--top-radius-4);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:var(--top-padding-4);padding-right:calc(var(--top-padding-4) + 20px + var(--top-padding-1));overflow:hidden;display:flex;flex-direction:column;gap:var(--top-gap-3);align-items:flex-start;position:relative;transform:translateY(-100px);transition:margin .3s,transform .3s,filter .3s,opacity .3s}.top-notice_item:before{content:"";background:var(--color-bg-lightning-1);position:absolute;inset:0;z-index:-1;opacity:.9}.top-notice_item-showed{transform:none}.top-notice_item-hightlight{filter:brightness(110%);transform:translate(-20px)}.top-notice_item-closed{margin-bottom:-55px;transform:translate(500px);opacity:0}.top-notice_item-closed_top{transform:translateY(-100px)}.top-notice_item-closed_right{transform:translate(500px)}.top-notice_item-closed_bottom{transform:translateY(-200px)}.top-notice_item-closed_left{transform:translate(-500px)}.top-notice_item-info{--top-notice-item-color: var(--color-text-primary)}.top-notice_item-success{--top-notice-item-color: var(--color-text-positive)}.top-notice_item-warning{--top-notice-item-color: var(--color-text-warning)}.top-notice_item-error{--top-notice-item-color: var(--color-text-negative)}.top-notice_item-alt{--top-notice-item-color: var(--color-text-info)}.top-notice_itemTextWrapper{width:100%;display:flex;gap:var(--top-gap-1);flex-direction:column}.top-notice_itemTitle{color:var(--top-notice-item-color);font-weight:600}.top-notice_itemTitle a{color:inherit;text-decoration:underline}.top-notice_itemTitle a:hover{text-decoration:none}.top-notice_itemText{max-height:80vh;overflow:auto}.top-notice_itemMetaText{border-top:1px dashed var(--color-line-3);width:100%;padding:var(--top-padding-2) 0 0 0}.top-notice_itemClose{--top-icon-color: var(--color-text-3);--top-icon-size: 20px;--top-icon-width: 20px;cursor:pointer;position:absolute;top:var(--top-padding-4);right:var(--top-padding-4)}.top-notice_itemClose:hover{--top-icon-color: var(--color-text-2)}@media only screen and (max-width: 600px){.top-notice{width:auto}.top-notice_item-hightlight{transform:translateY(-10px)}}:root{--top-notice-top: var(--top-padding-4);--top-notice-right: var(--top-padding-4)}.top-notice{width:400px;font-size:14px;position:fixed;top:var(--top-notice-top);right:var(--top-notice-right);z-index:1000010;display:flex;flex-direction:column-reverse;gap:var(--top-gap-2)}.top-notice ul{padding:0 0 0 var(--top-padding-5)}@media only screen and (max-width: 600px){:root{--top-notice-top: var(--top-padding-4);--top-notice-right: var(--top-padding-4)}.top-notice{width:auto;left:var(--top-notice-right)}}
|