mirror of
https://github.com/peritus/obsidian-interactive-ratings.git
synced 2026-07-22 05:43:17 +00:00
bc8ea924b8
move all the static css (not the one calculated at runtime) to the styles.css file ```git-revs 77478de (Base revision) 5b3d66e Remove static CSS from ratings-overlay.ts and only keep dynamic styles 142a142 Remove static CSS from symbol span elements c72fd23 Update the overlay CSS with static styles that were previously in JS HEAD Update symbol styles with static styles that were previously in JS ``` codemcp-id: 52-refactor-move-static-css-to-styles-css-file
35 lines
840 B
CSS
35 lines
840 B
CSS
.interactive-ratings-container {
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.interactive-ratings-symbol {
|
|
display: inline-block;
|
|
transition: transform 0.1s ease;
|
|
padding: 0;
|
|
margin: 0;
|
|
height: auto;
|
|
}
|
|
|
|
.interactive-ratings-editor-overlay {
|
|
display: inline-block;
|
|
position: fixed;
|
|
z-index: 1000;
|
|
background-color: var(--background-primary);
|
|
cursor: pointer;
|
|
margin: 0;
|
|
border: none;
|
|
box-sizing: border-box;
|
|
touch-action: none; /* Prevent browser handling of touch gestures */
|
|
-webkit-user-select: none; /* Prevent text selection on iOS */
|
|
user-select: none; /* Prevent text selection */
|
|
-webkit-touch-callout: none; /* Disable callout on long press */
|
|
}
|
|
|
|
/* Make touch targets larger on mobile */
|
|
@media (max-width: 768px) {
|
|
.interactive-ratings-symbol {
|
|
min-height: 24px;
|
|
padding: 2px;
|
|
}
|
|
}
|