From 8b26d36d9f04988cc038059f103ca1c801f3c3dd Mon Sep 17 00:00:00 2001
From: Jack Lukic <jack@quirky.com>
Date: Fri, 9 Aug 2013 15:02:30 -0400
Subject: [PATCH] adds disabled state for reveal

Former-commit-id: 2a94a4af5854d0e68e76dab207603237b1ac6b6a
Former-commit-id: b0e09022e83a10d3407e6ab9f6e4bc33d63267aa
---
 build/uncompressed/modules/reveal.css         | 26 +++++++++++++++++
 node/src/documents/modules/reveal.html        | 13 +++++++--
 .../components/semantic/modules/reveal.css    | 26 +++++++++++++++++
 src/modules/reveal.less                       | 28 +++++++++++++++++++
 4 files changed, 91 insertions(+), 2 deletions(-)

diff --git a/build/uncompressed/modules/reveal.css b/build/uncompressed/modules/reveal.css
index 765635715..8ba55a1bd 100644
--- a/build/uncompressed/modules/reveal.css
+++ b/build/uncompressed/modules/reveal.css
@@ -233,6 +233,32 @@
   -ms-transform: rotate(-110deg);
   transform: rotate(-110deg);
 }
+/*******************************
+              States
+*******************************/
+.ui.disabled.reveal {
+  opacity: 1 !important;
+}
+.ui.disabled.reveal > .content {
+  -webkit-transition: none !important;
+  -moz-transition: none !important;
+  -o-transition: none !important;
+  -ms-transition: none !important;
+  transition: none !important;
+}
+.ui.disabled.reveal:hover > .visible.content {
+  position: static !important;
+  display: block !important;
+  opacity: 1 !important;
+  top: 0 !important;
+  left: 0 !important;
+  right: auto !important;
+  bottom: auto !important;
+  transform: none !important;
+}
+.ui.disabled.reveal:hover > .hidden.content {
+  display: none !important;
+}
 /*******************************
            Variations
 *******************************/
diff --git a/node/src/documents/modules/reveal.html b/node/src/documents/modules/reveal.html
index 74c4cbc2a..33b9b6f00 100755
--- a/node/src/documents/modules/reveal.html
+++ b/node/src/documents/modules/reveal.html
@@ -28,8 +28,8 @@ type   : 'UI Module'
   <div class="example">
     <h4 class="ui header">Reveal</h4>
     <p>A standard reveal</p>
-    <div class="ui message">
-      A reveal will take no action unless a type of reveal is specified and has no specific styling of its own. It can be used effectively with other elements like, <a href="/elements/message.html">message blocks</a>, <a href="/elements/segment.html">segments</a>, and <a href="/elements/images.html">images</a>.
+    <div class="ui ignored message">
+      A reveal will take no action unless a type of reveal is specified.
     </div>
     <div class="ui circular reveal image">
       <img class="visible content" src="/images/demo/stickfigure.jpg">
@@ -160,6 +160,15 @@ type   : 'UI Module'
    
   
   <h2 class="ui dividing header">States</h2>
+
+  <div class="example">
+    <h4 class="ui header">Disabled</h4>
+    <p>A disabled reveal will not animate when hovered</p>
+    <div class="ui circular disabled move reveal image">
+      <img class="visible content" src="/images/demo/stickfigure.jpg">
+      <img class="hidden content" src="/images/demo/photo2.jpg">
+    </div>
+  </div>
   
   
   
diff --git a/node/src/files/components/semantic/modules/reveal.css b/node/src/files/components/semantic/modules/reveal.css
index 765635715..8ba55a1bd 100644
--- a/node/src/files/components/semantic/modules/reveal.css
+++ b/node/src/files/components/semantic/modules/reveal.css
@@ -233,6 +233,32 @@
   -ms-transform: rotate(-110deg);
   transform: rotate(-110deg);
 }
+/*******************************
+              States
+*******************************/
+.ui.disabled.reveal {
+  opacity: 1 !important;
+}
+.ui.disabled.reveal > .content {
+  -webkit-transition: none !important;
+  -moz-transition: none !important;
+  -o-transition: none !important;
+  -ms-transition: none !important;
+  transition: none !important;
+}
+.ui.disabled.reveal:hover > .visible.content {
+  position: static !important;
+  display: block !important;
+  opacity: 1 !important;
+  top: 0 !important;
+  left: 0 !important;
+  right: auto !important;
+  bottom: auto !important;
+  transform: none !important;
+}
+.ui.disabled.reveal:hover > .hidden.content {
+  display: none !important;
+}
 /*******************************
            Variations
 *******************************/
diff --git a/src/modules/reveal.less b/src/modules/reveal.less
index 31a6b7dec..c153643d5 100755
--- a/src/modules/reveal.less
+++ b/src/modules/reveal.less
@@ -309,6 +309,34 @@
   transform: rotate(-110deg);
 }
 
+/*******************************
+              States
+*******************************/
+
+.ui.disabled.reveal {
+  opacity: 1 !important;
+}
+.ui.disabled.reveal > .content {
+  -webkit-transition: none !important;
+  -moz-transition: none !important;
+  -o-transition: none !important;
+  -ms-transition: none !important;
+  transition: none !important;
+}
+.ui.disabled.reveal:hover > .visible.content {
+  position: static !important;
+  display: block !important;
+  opacity: 1 !important;
+  top: 0 !important;
+  left: 0 !important;
+  right: auto !important;
+  bottom: auto !important;
+  transform: none !important;
+}
+.ui.disabled.reveal:hover > .hidden.content {
+  display: none !important;
+}
+
 
 /*******************************
            Variations