Optimize buttons. Fixes #452
This only sets minimum button height-width to 16px so that gtk-widgets can use lowest icon-size at 16x16px.pull/543/head
							parent
							
								
									4c2cf031e1
								
							
						
					
					
						commit
						6cb9d03b04
					
				|  | @ -47,7 +47,8 @@ | |||
|             } | ||||
| 
 | ||||
|             &.primary-toolbar button { | ||||
|                 padding: 5px 6px; | ||||
|                 min-width: 28px; | ||||
|                 padding: 3px; | ||||
|             } | ||||
|              | ||||
|             /* Path Bar */ | ||||
|  | @ -66,8 +67,8 @@ | |||
|         grid { | ||||
|             > widget:last-child { | ||||
|                 button { | ||||
|                     min-height: 15px; | ||||
|                     min-width: 20px; | ||||
|                     min-height: 16px; | ||||
|                     min-width: 16px; | ||||
|                 } | ||||
| 
 | ||||
|                 button:first-child { | ||||
|  |  | |||
|  | @ -43,6 +43,8 @@ | |||
|     } | ||||
| 
 | ||||
|     %button { | ||||
|         min-height: 16px; | ||||
|         min-width: 16px; | ||||
|         padding: $spacing ($spacing + 2px); | ||||
|         border-width: 1px; | ||||
|         border-style: solid; | ||||
|  | @ -372,8 +374,6 @@ | |||
|     } | ||||
| 
 | ||||
|     button { | ||||
|         min-height: 22px; | ||||
|         min-width: 24px; | ||||
|         @include button(shade($bg_color, 1.2), $fg_color); | ||||
| 
 | ||||
|         .inline-toolbar &, | ||||
|  | @ -494,7 +494,7 @@ | |||
| 
 | ||||
|         box button, box entry { | ||||
|             @extend %linked_button; | ||||
|             padding: ($spacing - 2px) ($spacing + 1px); | ||||
|             padding: $spacing ($spacing + 2px); | ||||
|         } | ||||
| 
 | ||||
|         .linked:not(.vertical) > & > box > button.combo { | ||||
|  |  | |||
|  | @ -249,7 +249,7 @@ | |||
|     // shortcut window keys | ||||
|     .keycap { | ||||
|         min-width: 20px; | ||||
|         min-height: 25px; | ||||
|         min-height: 24px; | ||||
|         margin-top: 2px; | ||||
|         padding-bottom: $spacing / 2; | ||||
|         padding-left: $spacing; | ||||
|  | @ -278,11 +278,11 @@ | |||
| 
 | ||||
| @include exports("stackswitcher") { | ||||
|     stackswitcher button { | ||||
|         &.text-button { min-width: 90px; } // FIXME aggregate with buttons | ||||
|         &.text-button { min-width: 80px; } // FIXME aggregate with buttons | ||||
| 
 | ||||
|         &.circular {  // FIXME aggregate with buttons | ||||
|             min-width: 32px; | ||||
|             min-height: 32px; | ||||
|             min-width: 28px; | ||||
|             min-height: 28px; | ||||
|             padding: 0; | ||||
|         } | ||||
|     } | ||||
|  |  | |||
|  | @ -153,10 +153,7 @@ | |||
|                 outline: none; | ||||
| 
 | ||||
|                 button, button:hover { | ||||
|                     padding: $spacing - 4; | ||||
|                     margin-left: 15px; | ||||
|                     min-height: 18px; | ||||
|                     min-width: 18px; | ||||
|                     opacity: 0; | ||||
|                     transition: opacity .3s ease-in; | ||||
|                 } | ||||
|  | @ -198,7 +195,9 @@ | |||
|                 } | ||||
| 
 | ||||
|                 /* close button styling */ | ||||
|                 button { | ||||
|                 button.flat { | ||||
|                     min-height: 16px; | ||||
|                     min-width: 16px; | ||||
|                     @extend %close_button; | ||||
|                 } | ||||
|             } | ||||
|  |  | |||
		Loading…
	
		Reference in New Issue
	
	 Khurshid Alam
						Khurshid Alam