75 lines
1.3 KiB
CSS
75 lines
1.3 KiB
CSS
/* Search Result Item with QR Button */
|
|
.search-result-item {
|
|
position: relative;
|
|
padding: 12px;
|
|
border-bottom: 1px solid #e0e0e0;
|
|
}
|
|
|
|
.search-result-item:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.search-result-item .make-qr-btn {
|
|
position: absolute;
|
|
top: 12px;
|
|
right: 12px;
|
|
padding: 4px 8px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
/* QR Code Modal Styles */
|
|
.qr-modal {
|
|
z-index: 13000; /* Ensure QR modal is above everything else */
|
|
}
|
|
|
|
.qr-modal-content {
|
|
max-width: 400px;
|
|
text-align: center;
|
|
z-index: 13001; /* Even higher for the content */
|
|
position: relative;
|
|
}
|
|
|
|
.qr-modal-body {
|
|
padding: 30px;
|
|
}
|
|
|
|
.qr-code-image {
|
|
max-width: 256px;
|
|
height: auto;
|
|
margin: 0 auto 20px;
|
|
display: block;
|
|
border: 4px solid var(--light-color);
|
|
border-radius: var(--border-radius);
|
|
}
|
|
|
|
.qr-code-info {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.qr-code-info p {
|
|
margin-bottom: 10px;
|
|
color: var(--secondary-color);
|
|
font-size: 14px;
|
|
}
|
|
|
|
.qr-code-url {
|
|
color: var(--primary-color);
|
|
text-decoration: none;
|
|
word-break: break-all;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.qr-code-url:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.qr-loading {
|
|
padding: 40px;
|
|
}
|
|
|
|
/* Adjust search result layout to accommodate button */
|
|
.docs-search-results-list .search-result {
|
|
display: block;
|
|
padding-right: 100px; /* Make room for QR button */
|
|
}
|