mirror of
https://github.com/Combodo/iTop.git
synced 2026-02-25 05:14:12 +01:00
N°8641 - Dashboard editor front-end first commit for Form SDK integration.
* No dashlet edition * Dashboard are not persisted * Unable to load a dashboard from an endpoint (refresh) * Grid library need proper npm integration
This commit is contained in:
Stephen Abello
174
node_modules/gridstack/dist/gridstack.css
generated
vendored
Normal file
174
node_modules/gridstack/dist/gridstack.css
generated
vendored
Normal file
@@ -0,0 +1,174 @@
|
||||
/**
|
||||
* gridstack SASS styles 12.3.3
|
||||
* Copyright (c) 2021-2025 Alain Dumesny - see GridStack root license
|
||||
*/
|
||||
.grid-stack {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.grid-stack-rtl {
|
||||
direction: ltr;
|
||||
}
|
||||
.grid-stack-rtl > .grid-stack-item {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.grid-stack-placeholder > .placeholder-content {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
width: auto;
|
||||
z-index: 0 !important;
|
||||
}
|
||||
|
||||
.grid-stack > .grid-stack-item {
|
||||
position: absolute;
|
||||
padding: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: var(--gs-column-width);
|
||||
height: var(--gs-cell-height);
|
||||
}
|
||||
.grid-stack > .grid-stack-item > .grid-stack-item-content {
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
width: auto;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.grid-stack > .grid-stack-item.size-to-content:not(.size-to-content-max) > .grid-stack-item-content {
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.grid-stack > .grid-stack-item > .grid-stack-item-content,
|
||||
.grid-stack > .grid-stack-placeholder > .placeholder-content {
|
||||
top: var(--gs-item-margin-top);
|
||||
right: var(--gs-item-margin-right);
|
||||
bottom: var(--gs-item-margin-bottom);
|
||||
left: var(--gs-item-margin-left);
|
||||
}
|
||||
|
||||
.grid-stack-item > .ui-resizable-handle {
|
||||
position: absolute;
|
||||
font-size: 0.1px;
|
||||
display: block;
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
}
|
||||
.grid-stack-item.ui-resizable-disabled > .ui-resizable-handle, .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle {
|
||||
display: none;
|
||||
}
|
||||
.grid-stack-item > .ui-resizable-ne,
|
||||
.grid-stack-item > .ui-resizable-nw,
|
||||
.grid-stack-item > .ui-resizable-se,
|
||||
.grid-stack-item > .ui-resizable-sw {
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
.grid-stack-item > .ui-resizable-ne {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.grid-stack-item > .ui-resizable-sw {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.grid-stack-item > .ui-resizable-nw {
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
.grid-stack-item > .ui-resizable-se {
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
.grid-stack-item > .ui-resizable-nw {
|
||||
cursor: nw-resize;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
top: var(--gs-item-margin-top);
|
||||
left: var(--gs-item-margin-left);
|
||||
}
|
||||
.grid-stack-item > .ui-resizable-n {
|
||||
cursor: n-resize;
|
||||
height: 10px;
|
||||
top: var(--gs-item-margin-top);
|
||||
left: 25px;
|
||||
right: 25px;
|
||||
}
|
||||
.grid-stack-item > .ui-resizable-ne {
|
||||
cursor: ne-resize;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
top: var(--gs-item-margin-top);
|
||||
right: var(--gs-item-margin-right);
|
||||
}
|
||||
.grid-stack-item > .ui-resizable-e {
|
||||
cursor: e-resize;
|
||||
width: 10px;
|
||||
top: 15px;
|
||||
bottom: 15px;
|
||||
right: var(--gs-item-margin-right);
|
||||
}
|
||||
.grid-stack-item > .ui-resizable-se {
|
||||
cursor: se-resize;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
bottom: var(--gs-item-margin-bottom);
|
||||
right: var(--gs-item-margin-right);
|
||||
}
|
||||
.grid-stack-item > .ui-resizable-s {
|
||||
cursor: s-resize;
|
||||
height: 10px;
|
||||
left: 25px;
|
||||
bottom: var(--gs-item-margin-bottom);
|
||||
right: 25px;
|
||||
}
|
||||
.grid-stack-item > .ui-resizable-sw {
|
||||
cursor: sw-resize;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
bottom: var(--gs-item-margin-bottom);
|
||||
left: var(--gs-item-margin-left);
|
||||
}
|
||||
.grid-stack-item > .ui-resizable-w {
|
||||
cursor: w-resize;
|
||||
width: 10px;
|
||||
top: 15px;
|
||||
bottom: 15px;
|
||||
left: var(--gs-item-margin-left);
|
||||
}
|
||||
.grid-stack-item.ui-draggable-dragging > .ui-resizable-handle {
|
||||
display: none !important;
|
||||
}
|
||||
.grid-stack-item.ui-draggable-dragging {
|
||||
will-change: left, top;
|
||||
}
|
||||
.grid-stack-item.ui-resizable-resizing {
|
||||
will-change: width, height;
|
||||
}
|
||||
|
||||
.ui-draggable-dragging,
|
||||
.ui-resizable-resizing {
|
||||
z-index: 10000;
|
||||
}
|
||||
.ui-draggable-dragging > .grid-stack-item-content,
|
||||
.ui-resizable-resizing > .grid-stack-item-content {
|
||||
box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2);
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.grid-stack-animate,
|
||||
.grid-stack-animate .grid-stack-item {
|
||||
transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
|
||||
}
|
||||
|
||||
.grid-stack-animate .grid-stack-item.ui-draggable-dragging,
|
||||
.grid-stack-animate .grid-stack-item.ui-resizable-resizing,
|
||||
.grid-stack-animate .grid-stack-item.grid-stack-placeholder {
|
||||
transition: left 0s, top 0s, height 0s, width 0s;
|
||||
}
|
||||
|
||||
.grid-stack > .grid-stack-item[gs-y="0"] {
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
.grid-stack > .grid-stack-item[gs-x="0"] {
|
||||
left: 0%;
|
||||
}
|
||||
Reference in New Issue
Block a user