Changeset 1257353

Timestamp:

10/01/2015 11:27:36 AM (10 years ago)

Author:

nikdo

Message:

Prefixes for all CSS classes

Location:

react-webcam/trunk

Files:

• css/react-webcam.css (modified) (4 diffs)
• js/Webcam.js (modified) (4 diffs)

react-webcam/trunk/css/react-webcam.css

@@ -29 +29 @@
     background: url('../img/loader.gif') no-repeat center rgba(255,255,255,0.1);
 }
-div.rwc-image-container span.prev,
-div.rwc-image-container span.next {
+div.rwc-image-container span.rwc-prev,
+div.rwc-image-container span.rwc-next {
     z-index: 100;
     cursor: pointer;
@@ -40 +40 @@
     user-select: none;
 }
-div.rwc-image-container span.prev { right: 70%; }
-div.rwc-image-container span.next { left: 70%; }
-div.rwc-image-container span.next:hover { 
+div.rwc-image-container span.rwc-prev { right: 70%; }
+div.rwc-image-container span.rwc-next { left: 70%; }
+div.rwc-image-container span.rwc-next:hover { 
     background: url('../img/right.png') no-repeat right 1em center;
 }
-div.rwc-image-container span.prev:hover {
+div.rwc-image-container span.rwc-prev:hover {
     background: url('../img/left.png') no-repeat left 1em center;
 }
-div.rwc-image-container a.full-resolution {
+div.rwc-image-container a.rwc-full-resolution {
     z-index: 100;
     left: 30%;
@@ -62 +62 @@
     margin-bottom: 1em;
 }
-p.rwc-info span.refresh-time {
+p.rwc-info span.rwc-refresh-time {
     position: absolute;
     right: 10px;
@@ -84 +84 @@
     border: 1px solid #fff;
 }
-ul.rwc-history li.selected { background-color: #a9a9a9; }
+ul.rwc-history li.rwc-selected { background-color: #a9a9a9; }
 ul.rwc-history li:hover { border: 1px solid #a9a9a9; }

react-webcam/trunk/js/Webcam.js

@@ -113 +113 @@
             var cssClass = null;
             if (i == this.state.selectedItemIndex)
-                cssClass = 'selected';
+                cssClass = 'rwc-selected';
 
             history.push(
@@ -139 +139 @@
                     }),
                     firstImageActive ? null : React.createElement('span', {
-                            className: 'prev',
+                            className: 'rwc-prev',
                             onClick: this.prev,
                             title: 'Předchozí'
                     }, 'Předchozí'),
                     lastImageActive ? null : React.createElement('span', {
-                            className: 'next',
+                            className: 'rwc-next',
                             onClick: this.next,
                             title: 'Následující'
@@ -152 +152 @@
                             href: currentImageUrl,
                             target: '_blank',
-                            className: 'full-resolution',
+                            className: 'rwc-full-resolution',
                             title: 'Plné rozlišení'
                          },
@@ -166 +166 @@
                     currentImage.date,
                     lastImageActive
-                        ? React.createElement('span', { className: 'refresh-time' },
+                        ? React.createElement('span', { className: 'rwc-refresh-time' },
                             'Aktualizace za: ' + formatCountdown(this.state.secondsToRefresh))
                         : null