2.8.6; made action buttons more consistent and prettier

benjaffe · May 20, 2014 · dd37f2f · dd37f2f
1 parent 6788369
commit dd37f2f
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 9 deletions.
diff --git a/plugin/ViewModels.js b/plugin/ViewModels.js
@@ -89,7 +89,7 @@ if (_OKCP.profilePath !== '') {
 
 
 	// UI: Category match percentages (#social exists on your own profile page, #actions is on others')
-	$('#actions, #social').append('<table class="match-ratios-wrapper-outer"><tr><td class="match-ratios">'+
+	$('#actions, #social').parent().append('<table class="match-ratios-wrapper-outer"><tr><td class="match-ratios">'+
 		'<ul class="match-ratios-list"></ul>'+
 		'</td></tr></table>');
 

diff --git a/plugin/features/messageSearch.js b/plugin/features/messageSearch.js
@@ -39,10 +39,10 @@ _OKCP.addMessageLinkUI = function() {
         return false;
     }
 
-    messageLinkUI = $('<a href="#" class="btn-previous-messages">View Previous Messages</a>').hide();
-    $('.trigger_action_options_wrapper')
-        .before(messageLinkUI) //add the new UI element
-        .prevAll('.large_black') //get the message-user button
+    messageLinkUI = $('<button href="#" class="flatbutton white UI-change-btn btn-previous-messages">View Previous Messages</button>').hide();
+    $('.action_options')
+        .prepend(messageLinkUI) //add the new UI element
+        .parent().prevAll('.large_black') //get the message-user button
         .addClass('btn-previous-messages-previous-sibling-needs-a-nudge-up');
 
 

diff --git a/plugin/manifest.json b/plugin/manifest.json
@@ -1,7 +1,7 @@
 {
   "name": "OkCupid (for the Non-Mainstream User)",
   "short_name": "OkC Alt",
-  "version": "2.8.5",
+  "version": "2.8.6",
   "manifest_version": 2,
   "description": "Are you using OkCupid? You should definitely be using this extension.",
   "homepage_url": "http://benjaffe.me/projects/date/",

diff --git a/plugin/style.css b/plugin/style.css
@@ -275,9 +275,19 @@ html div#loveisblindday div.inner {background-color: rgb(0,15,45);margin-top: 27
 #p_profile #rating span {margin-left: 4px;margin-bottom: 0px;}
 #p_profile #percentages {padding:20px 3px 40px;border-radius: 0 0 4px 4px;}
 #p_profile #upgrade_form {display:none;}
-#p_profile #actions {margin-bottom:-11px;height:220px;padding:10px 10px 0 10px;}
-#p_profile #wrapper #actions.show_options .action_options {padding-top:0;height:145px;}
-body#p_profile .tabbed_heading #actions .action_options .flatbutton {height:33px;line-height:10px;font-size:12px;margin-top:-1px;}
+#okcp #p_profile #actions {margin-bottom:-11px;height:175px;padding:25px 7px 0 10px;}
+#p_profile #wrapper #actions.show_options .action_options {padding-top:0;height:160px;}
+body#p_profile .tabbed_heading #actions .action_options .flatbutton {height:30px;line-height:10px;font-size:12px;}
+
+.UI-change-btn {display:block;float: left;background: #f7f7f7;height:25px;width:60px;border: 1px solid #ddd;color:#555;text-align:center;padding:0 0px;font-family:verdana,sans-serif;font-weight:bold;font-size:10px;line-height:25px;position:relative;z-index:1000;cursor:pointer;}
+
+
+/* make "More Options" more accessible */
+#okcp body#p_profile .tabbed_heading #actions .trigger_action_options_wrapper {display:none;}
+#okcp body#p_profile .tabbed_heading #actions .action_options {height:auto;}
+#okcp body#p_profile .tabbed_heading #actions .action_options {opacity:0;position:relative;top:-5px;-webkit-transform:translateZ(0);-webkit-transition:all 0.2s ease-in-out;}
+#okcp body#p_profile .tabbed_heading #actions:hover .action_options {opacity:1;top:0;}
+
 .page_tabs {position: absolute;bottom: 0px;}
 
 /* Moving the stars */