@@ -73,14 +73,14 @@ </columns> <rows id="accounts"> - <row id="widget-accounts-all-accounts" class="pseudo-account" account="*" align="center" + <row id="widget-accounts-all-accounts" class="pseudo-account list-item" account="*" align="center" availability="unavailable"> <image class="state-indicator" onclick="accounts.switchState(this);" tooltiptext="Click to switch accounts to their previous state" availability="unavailable"/> <label value="All" crop="end"/> - <button class="account-options" type="menu" menu="account-popup"/> + <button class="options" type="menu" menu="account-popup"/> </row> <separator hidden="true"/> </rows> @@ -93,13 +93,13 @@ </vbox> <box id="blueprints"> - <row class="account" align="center"> + <row class="list-item account" align="center"> <image class="state-indicator" onclick="accounts.switchState(this);" tooltiptext="Click to connect/disconnect account"/> <label class="address" crop="end" onclick="accounts.switchState(this);"/> - <button class="account-options" type="menu" menu="account-popup"/> + <button class="options" type="menu" menu="account-popup"/> </row> </box> </overlay> chrome/content/dashboard/widget_accounts.xul @@ -138,7 +138,7 @@ </vbox> <box id="blueprints"> - <richlistitem class="contact" + <richlistitem class="list-item contact" availability="unavailable" address="" account="" chrome/content/dashboard/widget_contacts.xul @@ -105,4 +105,21 @@ widget[minimized="true"] .widget-body { margin-top: 15px; margin-left: 15px; } -*/ \ No newline at end of file +*/ + +.list-item .options { + margin: 0; + padding: 0; + -moz-appearance: none; + border: none; + min-width: 0; + max-width: 0; + background: transparent; + -moz-border-radius: 3px; + background: #ddeeff; + opacity: 0.2; +} + +.list-item:hover .options { + opacity: 0.8; +} chrome/skin/classic/dashboard/widget.css @@ -10,21 +10,3 @@ .pseudo-account > image.state-indicator { cursor: pointer; } - -.account-options { - margin: 0; - padding: 0; - -moz-appearance: none; - border: none; - min-width: 0; - max-width: 0; - background: transparent; - -moz-border-radius: 3px; - background: #ddeeff; - opacity: 0.3; -} - -.pseudo-account:hover > .account-options, -.account:hover > .account-options { - opacity: 0.8; -} chrome/skin/classic/dashboard/widget_accounts.css @@ -86,20 +86,3 @@ background: inherit; color: inherit; } - -.contact .options { - margin: 0; - padding: 0; - -moz-appearance: none; - border: none; - min-width: 0; - max-width: 0; - background: transparent; - -moz-border-radius: 3px; - background: #ddeeff; - opacity: 0.1; -} - -.contact:hover .options { - opacity: 0.8; -} chrome/skin/classic/dashboard/widget_contacts.css 1fe4f5ad463e7ac1eb6b94be9e546269407d647a Massimiliano Mirra bard@hyperstruct.net http://github.com/bard/sameplace/commit/b867789395e02c72693225fcd9395eb2140a756e b867789395e02c72693225fcd9395eb2140a756e 2009-04-25T23:16:48-07:00 2009-04-25T23:16:48-07:00 Skin: put CSS for option button of Contact and Account widget in one place. 79e9c7cfbaecb734492dc1848bf0e33d9c13fc4e Massimiliano Mirra bard@hyperstruct.net