update
This commit is contained in:
		
							parent
							
								
									5e3f7ac7dd
								
							
						
					
					
						commit
						7ff29e3590
					
				| @ -7,17 +7,17 @@ | |||||||
|   @include font(body-1); |   @include font(body-1); | ||||||
| 
 | 
 | ||||||
|   .overview-icon.overview-icon-with-label { |   .overview-icon.overview-icon-with-label { | ||||||
|     padding: 10px 8px 5px 8px; |    padding: 10px 12px 14px; | ||||||
| 
 | 
 | ||||||
|     > StBoxLayout { |     > StBoxLayout { | ||||||
|       spacing: $base_spacing; |       spacing: 6px; | ||||||
|     } |     } | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|   & .overview-icon { |   .overview-icon { | ||||||
|     color: $light_fg_color; |     color: $light_fg_color; | ||||||
|     border-radius: $wm_radius; |     border-radius: $wm_radius * 1.5; | ||||||
|     padding: $container_padding; |     padding: 12px; | ||||||
|     border: none; |     border: none; | ||||||
|     transition-duration: 100ms; |     transition-duration: 100ms; | ||||||
|     text-align: center; |     text-align: center; | ||||||
| @ -42,11 +42,11 @@ | |||||||
| // App Folders | // App Folders | ||||||
| .app-folder { | .app-folder { | ||||||
|   background: none; |   background: none; | ||||||
|   border-radius: $bt_radius * 2; |   border-radius: $wm_radius * 1.5; | ||||||
| 
 | 
 | ||||||
|   .overview-icon { |   .overview-icon { | ||||||
|     background-color: $light_divider_color; |     background-color: $light_divider_color; | ||||||
|     border-radius: $bt_radius * 2; |     border-radius: $wm_radius * 1.5; | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|   &:hover .overview-icon { |   &:hover .overview-icon { | ||||||
| @ -62,12 +62,12 @@ | |||||||
| .app-folder-dialog { | .app-folder-dialog { | ||||||
|   border-radius: $bd_radius * 4; |   border-radius: $bd_radius * 4; | ||||||
|   border: 0 solid rgba(white, 0.15); |   border: 0 solid rgba(white, 0.15); | ||||||
|   padding: $container_padding * 2; |   // padding: 0; | ||||||
|   background-color: rgba(if($colorscheme == 'nord', #20242c, #262626), 0.9); |   background-color: rgba(if($colorscheme == 'nord', #20242c, #262626), 0.9); | ||||||
| 
 | 
 | ||||||
|   & .folder-name-container { |   & .folder-name-container { | ||||||
|     padding: $container_padding * 3 $container_padding * 4 0; |     padding: 24px 36px 0; | ||||||
|     spacing: $base_spacing * 2; |     spacing: 12px; | ||||||
| 
 | 
 | ||||||
|     & .folder-name-label, |     & .folder-name-label, | ||||||
|     & .folder-name-entry { |     & .folder-name-entry { | ||||||
| @ -90,7 +90,7 @@ | |||||||
|       padding: 0; |       padding: 0; | ||||||
|       width: 36px; |       width: 36px; | ||||||
|       height: 36px; |       height: 36px; | ||||||
|       border-radius: 18px; |       border-radius: $circular_radius; | ||||||
| 
 | 
 | ||||||
|       & > StIcon { icon-size: 16px; } |       & > StIcon { icon-size: 16px; } | ||||||
| 
 | 
 | ||||||
| @ -101,7 +101,7 @@ | |||||||
| 
 | 
 | ||||||
|   & .icon-grid { |   & .icon-grid { | ||||||
|     row-spacing: 12px; |     row-spacing: 12px; | ||||||
|     column-spacing: 30px; |     column-spacing: if($laptop == 'true', 12px, 18px); | ||||||
|     page-padding-top: 0; |     page-padding-top: 0; | ||||||
|     page-padding-bottom: 0; |     page-padding-bottom: 0; | ||||||
|     page-padding-left: 0; |     page-padding-left: 0; | ||||||
| @ -114,17 +114,18 @@ | |||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .app-folder-dialog-container { | .app-folder-dialog-container { | ||||||
|   padding: $container_padding; |   padding: 6px !important; | ||||||
|   width: if($laptop == 'true', 500px, 620px); | 
 | ||||||
|   height: if($laptop == 'true', 500px, 620px); |   width: if($laptop == 'true', 580px, 680px); | ||||||
|  |   height: if($laptop == 'true', 580px, 680px); | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| // Running app indicator (also shown in dash) | // Running app indicator (also shown in dash) | ||||||
| .app-well-app-running-dot { | .app-well-app-running-dot { | ||||||
|   width: 5px; height: 5px; |   width: 5px; height: 5px; | ||||||
|   border-radius: 3px; |   border-radius: 5px; | ||||||
|   background-color: $light_alt_fg_color; |   background-color: $light_alt_fg_color; | ||||||
|   margin-bottom: 0; |   margin-bottom: 6px; | ||||||
| 
 | 
 | ||||||
|   StWidget.focused & { |   StWidget.focused & { | ||||||
|     background-color: $primary_color; |     background-color: $primary_color; | ||||||
| @ -166,20 +167,6 @@ | |||||||
|   &:checked:active { background-image: none; } |   &:checked:active { background-image: none; } | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| // right-click app menu |  | ||||||
| .app-menu, |  | ||||||
| .app-well-menu { |  | ||||||
|   max-width: 27.25em; |  | ||||||
| } |  | ||||||
| 
 |  | ||||||
| // Rename popup for app folders |  | ||||||
| .rename-folder-popup { |  | ||||||
|   .rename-folder-popup-item { |  | ||||||
|     spacing: $container_padding; |  | ||||||
|     &:ltr, &:rtl { padding: 0 $container_padding * 2; } |  | ||||||
|   } |  | ||||||
| } |  | ||||||
| 
 |  | ||||||
| // shutdown and other actions in the grid | // shutdown and other actions in the grid | ||||||
| .system-action-icon { | .system-action-icon { | ||||||
|   box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); // FIXME: this should really have a highlight |   box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); // FIXME: this should really have a highlight | ||||||
|  | |||||||
| @ -220,3 +220,17 @@ $popop_menuitem_radius: $wm_radius - 4px; | |||||||
|     &:rtl { margin-left: $base_margin * 2 !important; } |     &:rtl { margin-left: $base_margin * 2 !important; } | ||||||
|   } |   } | ||||||
| } | } | ||||||
|  | 
 | ||||||
|  | // right-click app menu | ||||||
|  | .app-menu, | ||||||
|  | .app-well-menu { | ||||||
|  |   max-width: 27.25em; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | // Rename popup for app folders | ||||||
|  | .rename-folder-popup { | ||||||
|  |   .rename-folder-popup-item { | ||||||
|  |     spacing: $base_spacing; | ||||||
|  |     &:ltr, &:rtl { padding: 0 $base_padding * 2; } | ||||||
|  |   } | ||||||
|  | } | ||||||
|  | |||||||
| @ -73,6 +73,10 @@ | |||||||
|     background: none; |     background: none; | ||||||
|     box-shadow: none; |     box-shadow: none; | ||||||
| 
 | 
 | ||||||
|  |     .app-well-app-running-dot { | ||||||
|  |       margin-bottom: 0 !important; | ||||||
|  |     } | ||||||
|  | 
 | ||||||
|     StWidget.focused .app-well-app-running-dot { |     StWidget.focused .app-well-app-running-dot { | ||||||
|       background-color: $primary_color; |       background-color: $primary_color; | ||||||
|     } |     } | ||||||
|  | |||||||
| @ -3,12 +3,12 @@ | |||||||
| .icon-grid { | .icon-grid { | ||||||
|   row-spacing: 12px; |   row-spacing: 12px; | ||||||
|   column-spacing: 12px; |   column-spacing: 12px; | ||||||
|   max-row-spacing: 72px; |   max-row-spacing: 42px; | ||||||
|   max-column-spacing: 72px; |   max-column-spacing: 42px; | ||||||
|   page-padding-top: 24px; |   page-padding-top: 24px; | ||||||
|   page-padding-bottom: 24px; |   page-padding-bottom: 24px; | ||||||
|   page-padding-left: 12px; |   page-padding-left: 18px; | ||||||
|   page-padding-right: 12px; |   page-padding-right: 18px; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .app-folder-dialog { | .app-folder-dialog { | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user
	 Vince
						Vince