Permalink
Browse files

Moved the close button in a more "modal-like" position (top right)

  • Loading branch information...
1 parent a020035 commit f498f1b7f878c9ee186267567b7e66db095e6d42 @nsorosac nsorosac committed Oct 12, 2012
Showing with 41 additions and 21 deletions.
  1. +39 −19 css/sofresh.css
  2. BIN img/round_delete_icon&16.png
  3. BIN img/round_delete_icon&33.png
  4. +2 −2 sofresh.js
View
@@ -25,7 +25,6 @@
background-color: rgba(255,255,255,0.35);
padding: 5px;
z-index: 99999;
- overflow: hidden;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3);
@@ -78,6 +77,14 @@
border: 1px solid #000;
cursor: move;
}
+#sofresh #sofresh_header em {
+ display: inline;
+ color: #fff;
+ font-style: italic;
+ font-size: 0.75em;
+ padding: 0 0 0 0.75em;
+ cursor: move;
+}
#sofresh #sofresh_content_toggler {
float: right;
@@ -113,6 +120,7 @@
transform: rotate(-180deg);
}
+/*
#sofresh #sofresh_check {
display: none;
float: left;
@@ -125,6 +133,7 @@
-o-box-shadow: 1px 1px 0 #222;
box-shadow: 1px 1px 0 #222;
}
+*/
#sofresh #sofresh_title {
float: left;
@@ -138,9 +147,37 @@
cursor: move;
}
+#sofresh #sofresh_close {
+ position: absolute;
+ top: -17px;
+ right: -17px;
+ filter: alpha(opacity=0);
+ opacity: 0;
+ -webkit-transition: 0.2s opacity ease;
+ -moz-transition: 0.2s opacity ease;
+ -o-transition: 0.2s opacity ease;
+ transition: 0.2s opacity ease;
+}
+
+#sofresh:hover #sofresh_close {
+ filter: alpha(opacity=50);
+ opacity: 0.5;
+}
+
+#sofresh #sofresh_close:hover {
+ filter: alpha(opacity=100) !important;
+ opacity: 1.0 !important;
+}
+
+#sofresh #sofresh_close img {
+ width: 33px;
+ height: 33px;
+ cursor: pointer;
+}
+
#sofresh #sofresh_content {
background: #fff;
- max-height: 500px;
+ max-height: 200px;
overflow: auto;
border: 1px solid #eee;
border-top: 0;
@@ -196,22 +233,6 @@
color: #444;
}
-#sofresh #sofresh_close {
- float: right;
- margin: -1px 1px 0 0;
- filter: alpha(opacity=50);
- opacity: 0.5;
-}
-
-#sofresh #sofresh_close:hover {
- filter: alpha(opacity=80);
- opacity: 0.8;
-}
-
-#sofresh #sofresh_close img {
- cursor: pointer;
-}
-
#sofresh #sofresh_links {
margin: 0;
padding: 0;
@@ -315,7 +336,6 @@
padding: 4px 6px;
text-align: center;
border: 1px solid #eee;
- border-top: 0;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
-o-border-radius: 0 0 4px 4px;
Deleted file not rendered
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -441,15 +441,15 @@ require_once dirname(__FILE__).'/php/sofresh.php';
'<div>'+
'<div id="sofresh_header">'+
'<span id="sofresh_check"></span>'+
- '<span id="sofresh_title"><i></i>SoFresh!</span>'+
+ '<span id="sofresh_title">SoFresh!<em>it makes your CSS yummy</em></span>'+
'<span id="sofresh_content_toggler" title="Toggle expanded / collapsed view">'+
'<img src="<?php get_inline_image("rnd_br_down_icon&16.png"); ?>" class="sofresh-icon sofresh-icon-br-down" />'+
'</span>'+
+ '<span id="sofresh_close" title="Close SoFresh!"><img src="<?php get_inline_image("round_delete_icon&33.png"); ?>" class="sofresh-icon sofresh-round-delete" /></span>'+
'</div>'+
'<div id="sofresh_messages"></div>'+
'<div id="sofresh_content_actions">'+
'<a href="#" id="sofresh_check_all">check</a> / <a href="#" id="sofresh_uncheck_all">uncheck</a> all files'+
- '<span id="sofresh_close" title="Close SoFresh!"><img src="<?php get_inline_image("round_delete_icon&16.png"); ?>" class="sofresh-icon sofresh-round-delete" /></span>'+
'</div>'+
'<div id="sofresh_content"></div>'+
'<div id="sofresh_footer">'+

0 comments on commit f498f1b

Please sign in to comment.