dn-scribe commited on
Commit
27dfbb7
·
1 Parent(s): 5939404

finalize resizing

Browse files
Files changed (2) hide show
  1. static/css/custom.css +21 -4
  2. 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-primary);
236
- border-radius: 50%;
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.2);
 
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:#0066cc; border-radius:50%; 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">
 
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">