Conpherence CSS tweaks.
Summary: Just a rough pass at the CSS on Conpherence. Need a second pass for the widgets. Test Plan: Reload Conpherence, Chrome, FF Reviewers: btrahan, epriestley Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D4661
This commit is contained in:
		| @@ -7,6 +7,13 @@ | |||||||
|  */ |  */ | ||||||
|  |  | ||||||
| celerity_register_resource_map(array( | celerity_register_resource_map(array( | ||||||
|  |   '/rsrc/image/actions/edit.png' => | ||||||
|  |   array( | ||||||
|  |     'hash' => 'ae90914d120ac3838ddc633b480343f3', | ||||||
|  |     'uri' => '/res/ae90914d/rsrc/image/actions/edit.png', | ||||||
|  |     'disk' => '/rsrc/image/actions/edit.png', | ||||||
|  |     'type' => 'png', | ||||||
|  |   ), | ||||||
|   '/rsrc/image/avatar.png' => |   '/rsrc/image/avatar.png' => | ||||||
|   array( |   array( | ||||||
|     'hash' => '1c5f255071537f05406adee86717ff27', |     'hash' => '1c5f255071537f05406adee86717ff27', | ||||||
| @@ -727,7 +734,7 @@ celerity_register_resource_map(array( | |||||||
|   ), |   ), | ||||||
|   'conpherence-header-pane-css' => |   'conpherence-header-pane-css' => | ||||||
|   array( |   array( | ||||||
|     'uri' => '/res/e50e02c8/rsrc/css/application/conpherence/header-pane.css', |     'uri' => '/res/4b8aebd2/rsrc/css/application/conpherence/header-pane.css', | ||||||
|     'type' => 'css', |     'type' => 'css', | ||||||
|     'requires' => |     'requires' => | ||||||
|     array( |     array( | ||||||
| @@ -736,7 +743,7 @@ celerity_register_resource_map(array( | |||||||
|   ), |   ), | ||||||
|   'conpherence-menu-css' => |   'conpherence-menu-css' => | ||||||
|   array( |   array( | ||||||
|     'uri' => '/res/02b20456/rsrc/css/application/conpherence/menu.css', |     'uri' => '/res/0dc6b412/rsrc/css/application/conpherence/menu.css', | ||||||
|     'type' => 'css', |     'type' => 'css', | ||||||
|     'requires' => |     'requires' => | ||||||
|     array( |     array( | ||||||
| @@ -745,7 +752,7 @@ celerity_register_resource_map(array( | |||||||
|   ), |   ), | ||||||
|   'conpherence-message-pane-css' => |   'conpherence-message-pane-css' => | ||||||
|   array( |   array( | ||||||
|     'uri' => '/res/799dc191/rsrc/css/application/conpherence/message-pane.css', |     'uri' => '/res/cbae8840/rsrc/css/application/conpherence/message-pane.css', | ||||||
|     'type' => 'css', |     'type' => 'css', | ||||||
|     'requires' => |     'requires' => | ||||||
|     array( |     array( | ||||||
| @@ -763,7 +770,7 @@ celerity_register_resource_map(array( | |||||||
|   ), |   ), | ||||||
|   'conpherence-widget-pane-css' => |   'conpherence-widget-pane-css' => | ||||||
|   array( |   array( | ||||||
|     'uri' => '/res/7af40cac/rsrc/css/application/conpherence/widget-pane.css', |     'uri' => '/res/b3e6a558/rsrc/css/application/conpherence/widget-pane.css', | ||||||
|     'type' => 'css', |     'type' => 'css', | ||||||
|     'requires' => |     'requires' => | ||||||
|     array( |     array( | ||||||
|   | |||||||
| @@ -75,7 +75,7 @@ final class ConpherenceViewController extends | |||||||
|         'class' => 'edit', |         'class' => 'edit', | ||||||
|         'href' => $edit_href, |         'href' => $edit_href, | ||||||
|       ), |       ), | ||||||
|       pht('edit...') |       '' | ||||||
|     ). |     ). | ||||||
|     phutil_render_tag( |     phutil_render_tag( | ||||||
|       'div', |       'div', | ||||||
|   | |||||||
| @@ -2,21 +2,29 @@ | |||||||
|  * @provides conpherence-header-pane-css |  * @provides conpherence-header-pane-css | ||||||
|  */ |  */ | ||||||
|  |  | ||||||
|  | #conpherence-main-pane { | ||||||
|  |   position: relative; | ||||||
|  | } | ||||||
|  |  | ||||||
| .conpherence-header-pane { | .conpherence-header-pane { | ||||||
|   border-bottom: 1px solid #ccc; |   border-bottom: 1px solid #ccc; | ||||||
|   background: #fff; |   background: #fff; | ||||||
|   height: 50px; |   height: 80px; | ||||||
|   width: 100%; |   width: 100%; | ||||||
| } | } | ||||||
|  |  | ||||||
| .conpherence-header-pane .edit { | .conpherence-header-pane .edit { | ||||||
|   position: relative; |  | ||||||
|   float: right; |   float: right; | ||||||
|   margin: 16px 16px 0px 0px; |   margin: 16px 16px 0px 0px; | ||||||
|  |   height: 50px; | ||||||
|  |   width: 50px; | ||||||
|  |   background-image: url('/rsrc/image/actions/edit.png'); | ||||||
| } | } | ||||||
|  |  | ||||||
| .conpherence-header-pane .header-image { | .conpherence-header-pane .header-image { | ||||||
|   position: absolute; |   position: absolute; | ||||||
|  |   top: 15px; | ||||||
|  |   left: 15px; | ||||||
|   height: 50px; |   height: 50px; | ||||||
|   width: 50px; |   width: 50px; | ||||||
| } | } | ||||||
| @@ -24,16 +32,17 @@ | |||||||
| .conpherence-header-pane .title { | .conpherence-header-pane .title { | ||||||
|   position: relative; |   position: relative; | ||||||
|   font-size: 16px; |   font-size: 16px; | ||||||
|   left: 62px; |   font-weight: bold; | ||||||
|   top: 6px; |   left: 77px; | ||||||
|  |   top: 21px; | ||||||
|   max-width: 80%; |   max-width: 80%; | ||||||
|   overflow-x: auto; |   overflow-x: auto; | ||||||
| } | } | ||||||
|  |  | ||||||
| .conpherence-header-pane .subtitle { | .conpherence-header-pane .subtitle { | ||||||
|   position: relative; |   position: relative; | ||||||
|   left: 62px; |   left: 77px; | ||||||
|   top: 6px; |   top: 21px; | ||||||
|   color: #bfbfbf; |   color: #bfbfbf; | ||||||
|   max-width: 80%; |   max-width: 80%; | ||||||
| } | } | ||||||
|   | |||||||
| @@ -3,9 +3,12 @@ | |||||||
|  */ |  */ | ||||||
|  |  | ||||||
| .no-conpherences-menu-item { | .no-conpherences-menu-item { | ||||||
|   color: #ffffff; |   color: #a1a5a9; | ||||||
|   border-top: solid 1px #3B3D3E; |   border-top: solid 1px #3B3D3E; | ||||||
|   padding: 20px 0px 20px 66px; |   padding: 20px 0; | ||||||
|  |   margin: 0px auto; | ||||||
|  |   width: 320px; | ||||||
|  |   text-align: center; | ||||||
| } | } | ||||||
|  |  | ||||||
| .conpherence-menu .phabricator-nav-column-background, | .conpherence-menu .phabricator-nav-column-background, | ||||||
|   | |||||||
| @@ -15,9 +15,10 @@ | |||||||
|   position: fixed; |   position: fixed; | ||||||
|   left: 320px; |   left: 320px; | ||||||
|   right: 321px; |   right: 321px; | ||||||
|   top: 94px; |   top: 124px; | ||||||
|   bottom: 225px; |   bottom: 225px; | ||||||
|   overflow-y: auto; |   overflow-y: auto; | ||||||
|  |   box-shadow: inset 1px 5px 5px rgba(0,0,0,0.1); | ||||||
| } | } | ||||||
|  |  | ||||||
| .conpherence-message-pane .phabricator-form-view { | .conpherence-message-pane .phabricator-form-view { | ||||||
| @@ -46,8 +47,7 @@ | |||||||
| } | } | ||||||
|  |  | ||||||
| .conpherence-message-pane .phabricator-transaction-view { | .conpherence-message-pane .phabricator-transaction-view { | ||||||
|   margin: 1em 1.25em 1em 1.25em; |   margin: 10px 0 10px 15px; | ||||||
|   display: block; |  | ||||||
| } | } | ||||||
|  |  | ||||||
| .conpherence-message-pane .phabricator-transaction-detail { | .conpherence-message-pane .phabricator-transaction-detail { | ||||||
| @@ -67,8 +67,7 @@ | |||||||
| } | } | ||||||
|  |  | ||||||
| .conpherence-message-pane .conpherence-edited .phabricator-transaction-content { | .conpherence-message-pane .conpherence-edited .phabricator-transaction-content { | ||||||
|   font-size: 12px; |   padding: 0 1em 0 1em; | ||||||
|   padding: 0em 1em 0em 1em; |  | ||||||
|   margin-top: -4px; |   margin-top: -4px; | ||||||
| } | } | ||||||
|  |  | ||||||
|   | |||||||
| @@ -5,12 +5,13 @@ | |||||||
| .conpherence-widget-pane { | .conpherence-widget-pane { | ||||||
|   position: fixed; |   position: fixed; | ||||||
|   right: 0px; |   right: 0px; | ||||||
|   top: 94px; |   top: 125px; | ||||||
|   width: 320px; |   width: 320px; | ||||||
|   height: 100%; |   height: 100%; | ||||||
|   border-width: 0 0 0 1px; |   border-width: 0 0 0 1px; | ||||||
|   border-color: #CCC; |   border-color: #CCC; | ||||||
|   border-style: solid; |   border-style: solid; | ||||||
|  |   background: url('/rsrc/image/texture/dust_background.jpg'); | ||||||
| } | } | ||||||
|  |  | ||||||
| .conpherence-widget-pane .aphront-form-input { | .conpherence-widget-pane .aphront-form-input { | ||||||
|   | |||||||
							
								
								
									
										
											BIN
										
									
								
								webroot/rsrc/image/actions/edit.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								webroot/rsrc/image/actions/edit.png
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| After Width: | Height: | Size: 410 B | 
		Reference in New Issue
	
	Block a user
	 Chad Little
					Chad Little