finalize resizing
Browse files- static/css/custom.css +21 -4
- static/js/main.js +1 -1
static/css/custom.css
CHANGED
|
@@ -232,16 +232,33 @@ code {
|
|
| 232 |
right: -10px;
|
| 233 |
width: 20px;
|
| 234 |
height: 20px;
|
| 235 |
-
background-color: var(--bs-
|
| 236 |
-
border-radius:
|
| 237 |
cursor: nwse-resize;
|
| 238 |
z-index: 1000;
|
| 239 |
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
|
| 240 |
-
transition: transform 0.2s ease-in-out;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 241 |
}
|
| 242 |
|
| 243 |
#json-resize-handle:hover {
|
| 244 |
-
transform: scale(1.
|
|
|
|
| 245 |
}
|
| 246 |
|
| 247 |
/* Pagination enhancements */
|
|
|
|
| 232 |
right: -10px;
|
| 233 |
width: 20px;
|
| 234 |
height: 20px;
|
| 235 |
+
background-color: var(--bs-purple, #6f42c1);
|
| 236 |
+
border-radius: 4px;
|
| 237 |
cursor: nwse-resize;
|
| 238 |
z-index: 1000;
|
| 239 |
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
|
| 240 |
+
transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
|
| 241 |
+
display: flex;
|
| 242 |
+
align-items: center;
|
| 243 |
+
justify-content: center;
|
| 244 |
+
overflow: hidden;
|
| 245 |
+
}
|
| 246 |
+
|
| 247 |
+
#json-resize-handle::before {
|
| 248 |
+
content: '';
|
| 249 |
+
width: 14px;
|
| 250 |
+
height: 14px;
|
| 251 |
+
background-image: linear-gradient(135deg,
|
| 252 |
+
transparent 0%, transparent 40%,
|
| 253 |
+
rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, 0.7) 50%,
|
| 254 |
+
transparent 50%, transparent 75%,
|
| 255 |
+
rgba(255, 255, 255, 0.7) 75%, rgba(255, 255, 255, 0.7) 85%,
|
| 256 |
+
transparent 85%);
|
| 257 |
}
|
| 258 |
|
| 259 |
#json-resize-handle:hover {
|
| 260 |
+
transform: scale(1.1);
|
| 261 |
+
background-color: #7952b3;
|
| 262 |
}
|
| 263 |
|
| 264 |
/* Pagination enhancements */
|
static/js/main.js
CHANGED
|
@@ -620,7 +620,7 @@ async function viewAttestation(id) {
|
|
| 620 |
<h6>Attestation JSON</h6>
|
| 621 |
<div id="json-editor-container" style="position:relative; margin-bottom:10px;">
|
| 622 |
<div id="attestation-jsoneditor" style="height:400px; border:1px solid #444; border-radius:6px;"></div>
|
| 623 |
-
<div id="json-resize-handle" style="position:absolute; bottom:-10px; right:-10px; width:20px; height:20px; cursor:nwse-resize; background-color:#
|
| 624 |
</div>
|
| 625 |
<div class="mt-2 text-end">
|
| 626 |
<button class="btn btn-outline-primary btn-sm me-2" id="copy-json-btn">
|
|
|
|
| 620 |
<h6>Attestation JSON</h6>
|
| 621 |
<div id="json-editor-container" style="position:relative; margin-bottom:10px;">
|
| 622 |
<div id="attestation-jsoneditor" style="height:400px; border:1px solid #444; border-radius:6px;"></div>
|
| 623 |
+
<div id="json-resize-handle" style="position:absolute; bottom:-10px; right:-10px; width:20px; height:20px; cursor:nwse-resize; background-color:#6f42c1; border-radius:4px; z-index:1000;"></div>
|
| 624 |
</div>
|
| 625 |
<div class="mt-2 text-end">
|
| 626 |
<button class="btn btn-outline-primary btn-sm me-2" id="copy-json-btn">
|