Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code | Sign in
(1824)

Delta Between Two Patch Sets: lib/views/stylesheet.less

Issue 6842119: Add the required charm filter dropdown.
Left Patch Set: Created 11 years, 4 months ago
Right Patch Set: Add the required charm filter dropdown. Created 11 years, 3 months ago
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments. Please Sign in to add in-line comments.
Jump to:
Left: Side by side diff | Download
Right: Side by side diff | Download
« no previous file with change/comment | « app/views/charm-panel.js ('k') | test/test_charm_panel.js » ('j') | no next file with change/comment »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
LEFTRIGHT
1 /* Processed with LESS from lib/views/stylesheet.less */ 1 /* Processed with LESS from lib/views/stylesheet.less */
2 @font-family: 'Ubuntu', 'Helvetica Neue', Helvetica, Arial, sans-serif; 2 @font-family: 'Ubuntu', 'Helvetica Neue', Helvetica, Arial, sans-serif;
3 @font-family-medium: 'Ubuntu Medium', 'Helvetica Neue', Helvetica, Arial, sans-s erif; 3 @font-family-medium: 'Ubuntu Medium', 'Helvetica Neue', Helvetica, Arial, sans-s erif;
4 4
5 /* Define common colors. */ 5 /* Define common colors. */
6 @label-color: #292929; 6 @label-color: #292929;
7 @text-entry-color: #6d6e70; 7 @text-entry-color: #6d6e70;
8 @charm-panel-orange: #dd4814; 8 @charm-panel-orange: #dd4814;
9 @charm-panel-configure-title-color: #eee7d5; 9 @charm-panel-configure-title-color: #eee7d5;
10 @charm-panel-configure-name-color: #8f8f88; 10 @charm-panel-configure-name-color: #8f8f88;
(...skipping 671 matching lines...) Expand 10 before | Expand all | Expand 10 after
682 682
683 ul { 683 ul {
684 list-style-type: none; 684 list-style-type: none;
685 padding: 0; 685 padding: 0;
686 padding-top: 5px; 686 padding-top: 5px;
687 margin: 0; 687 margin: 0;
688 688
689 li { 689 li {
690 padding: 1px; 690 padding: 1px;
691 &.activetick { 691 &.activetick {
692 /* XXX bac: The positioning is off but I have been unabl e 692 /* XXX bac: The positioning is off but I have
benji 2012/11/30 20:37:47 Long lines.
bac 2012/12/03 15:05:24 Done.
693 * to get it right. Using background-position does not work. 693 * been unable to get it right. Using
694 * background-position does not work.
694 */ 695 */
695 background: url(/juju-ui/assets/images/selected_tick.png ) 696 background:
697 url(/juju-ui/assets/images/selected_tick.png)
696 no-repeat bottom right; 698 no-repeat bottom right;
697 } 699 }
698 } 700 }
699 } 701 }
700 } 702 }
701 } 703 }
702 .picker-edge { 704 .picker-edge {
703 position: absolute; 705 position: absolute;
704 top: @top; 706 top: @top;
705 left: 0; 707 left: 0;
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after
739 &.graph-list-picker { 741 &.graph-list-picker {
740 .create-picker(116px, 8px, initial, -12px); 742 .create-picker(116px, 8px, initial, -12px);
741 } 743 }
742 &.charm-filter-picker { 744 &.charm-filter-picker {
743 left: 11px; 745 left: 11px;
744 padding-bottom: 5px; 746 padding-bottom: 5px;
745 @top: 0px; 747 @top: 0px;
746 top: @top; 748 top: @top;
747 .create-picker(270px, @top, @top, initial); 749 .create-picker(270px, @top, @top, initial);
748 .picker-expanded .picker-list { 750 .picker-expanded .picker-list {
749 @border-color: #DDD; 751 border: 1px solid #a3a1a1;
750 border: 4px outset @border-color; 752 .create-border-radius(4px);
753 -moz-background-clip: padding;
754 -webkit-background-clip: padding-box;
755 background-clip: padding-box;
756 .create-box-shadow(0 0 4px rgba(0,0,0,.51));
757 background-color: #fff;
751 background: white; 758 background: white;
752 height: auto; 759 height: auto;
753 } 760 }
754 } 761 }
755 &.zoom-picker { 762 &.zoom-picker {
756 width: 56px; 763 width: 56px;
757 .picker-body { 764 .picker-body {
758 width: 36px; 765 width: 36px;
759 } 766 }
760 /*#zoom-btn-up {
benji 2012/11/30 20:37:47 Commented-out code.
bac 2012/12/03 15:05:24 This code is not new, just refactored, so I left i
761 position: absolute;
762 top: 8px;
763 right: 0px;
764 opacity: 0;
765 &.active {
766 opacity: 1;
767 }
768 }
769 #zoom-btn-down {
770 position: absolute;
771 bottom: -8px;
772 right: 0px;
773 opacity: 0;
774 &.active {
775 opacity: 1;
776 }
777 }*/
778 } 767 }
779 768
780 } 769 }
781 770
782 #unit-status { 771 #unit-status {
783 .running { 772 .running {
784 color: green; 773 color: green;
785 } 774 }
786 .pending { 775 .pending {
787 color: yellow; 776 color: yellow;
(...skipping 617 matching lines...) Expand 10 before | Expand all | Expand 10 after
1405 font-size: 22px; 1394 font-size: 22px;
1406 color: @charm-panel-configure-title-color; 1395 color: @charm-panel-configure-title-color;
1407 margin-top: 35px; 1396 margin-top: 35px;
1408 } 1397 }
1409 .name { 1398 .name {
1410 font-size: 12px; 1399 font-size: 12px;
1411 color: @charm-panel-configure-name-color; 1400 color: @charm-panel-configure-name-color;
1412 margin-top: 5px; 1401 margin-top: 5px;
1413 } 1402 }
1414 } 1403 }
LEFTRIGHT

Powered by Google App Engine
RSS Feeds Recent Issues | This issue
This is Rietveld f62528b