@rashidazarang/airtable-mcp 1.5.0 → 2.1.0

package/airtable-clipper/releases/v1.0.1/styles/content.css

@@ -0,0 +1,229 @@
+/* Airtable Clipper Content Script Styles */
+
+/* Floating Action Button */
+#airtable-clipper-fab {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+}
+
+#airtable-clipper-fab .fab-main {
+  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+}
+
+#airtable-clipper-fab .fab-main:hover {
+  transform: scale(1.1) rotate(5deg);
+}
+
+#airtable-clipper-fab .fab-main:active {
+  transform: scale(0.95);
+}
+
+/* Selection Toolbar */
+#airtable-clipper-selection-toolbar {
+  animation: fadeInUp 0.2s ease;
+}
+
+#airtable-clipper-selection-toolbar .selection-btn:hover {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+/* Bulk Mode Overlay */
+#airtable-clipper-bulk-overlay {
+  animation: slideDown 0.3s ease;
+}
+
+#airtable-clipper-bulk-overlay .bulk-btn:hover {
+  background: rgba(255, 255, 255, 0.3);
+  transform: translateY(-1px);
+}
+
+/* Bulk Selection Highlights */
+.airtable-clipper-selected {
+  background: rgba(102, 126, 234, 0.1) !important;
+  border: 2px solid #667eea !important;
+  border-radius: 4px;
+  transition: all 0.2s ease;
+}
+
+.airtable-clipper-selectable:hover {
+  background: rgba(102, 126, 234, 0.05) !important;
+  cursor: pointer;
+}
+
+/* Notifications */
+#airtable-clipper-notification {
+  animation: slideInRight 0.3s ease;
+  backdrop-filter: blur(10px);
+}
+
+/* Animations */
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes slideDown {
+  from {
+    transform: translateY(-100%);
+  }
+  to {
+    transform: translateY(0);
+  }
+}
+
+@keyframes slideInRight {
+  from {
+    transform: translateX(100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+
+@keyframes pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.7;
+  }
+}
+
+/* Loading States */
+.airtable-clipper-loading {
+  position: relative;
+  opacity: 0.7;
+}
+
+.airtable-clipper-loading::after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 20px;
+  height: 20px;
+  margin: -10px 0 0 -10px;
+  border: 2px solid #667eea;
+  border-top: 2px solid transparent;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+/* Site-specific enhancements */
+
+/* LinkedIn */
+body[class*="linkedin"] .airtable-clipper-selected,
+[data-test-id*="search-result"] .airtable-clipper-selected {
+  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
+}
+
+/* GitHub */
+.repository-content .airtable-clipper-selected,
+.Box .airtable-clipper-selected {
+  border-radius: 6px;
+}
+
+/* Stack Overflow */
+.question-summary .airtable-clipper-selected,
+.answer .airtable-clipper-selected {
+  border-left: 4px solid #667eea;
+  padding-left: 8px;
+}
+
+/* Medium */
+article .airtable-clipper-selected {
+  border-radius: 8px;
+  padding: 8px;
+  margin: 4px 0;
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+  #airtable-clipper-fab {
+    bottom: 80px; /* Above mobile browser UI */
+    right: 16px;
+    z-index: 10000;
+  }
+  
+  #airtable-clipper-fab .fab-main {
+    width: 48px;
+    height: 48px;
+    font-size: 18px;
+  }
+  
+  #airtable-clipper-bulk-overlay {
+    font-size: 12px;
+    padding: 8px 12px;
+  }
+  
+  #airtable-clipper-bulk-overlay .bulk-header {
+    flex-direction: column;
+    gap: 8px;
+    align-items: flex-start;
+  }
+  
+  #airtable-clipper-bulk-overlay .bulk-actions {
+    display: flex;
+    gap: 8px;
+  }
+  
+  #airtable-clipper-notification {
+    top: 10px;
+    right: 10px;
+    left: 10px;
+    max-width: none;
+    font-size: 13px;
+  }
+}
+
+/* Dark Mode Support */
+@media (prefers-color-scheme: dark) {
+  .airtable-clipper-selected {
+    background: rgba(102, 126, 234, 0.2) !important;
+    border-color: #818cf8 !important;
+  }
+  
+  .airtable-clipper-selectable:hover {
+    background: rgba(102, 126, 234, 0.1) !important;
+  }
+}
+
+/* High Contrast Mode */
+@media (prefers-contrast: high) {
+  #airtable-clipper-fab .fab-main {
+    border: 2px solid #000;
+  }
+  
+  .airtable-clipper-selected {
+    border-width: 3px !important;
+    background: rgba(102, 126, 234, 0.3) !important;
+  }
+}
+
+/* Reduced Motion */
+@media (prefers-reduced-motion: reduce) {
+  #airtable-clipper-fab .fab-main,
+  #airtable-clipper-notification,
+  #airtable-clipper-selection-toolbar,
+  #airtable-clipper-bulk-overlay,
+  .airtable-clipper-selected {
+    animation: none !important;
+    transition: none !important;
+  }
+  
+  #airtable-clipper-fab .fab-main:hover {
+    transform: none !important;
+  }
+}