Merge pull request #5131 from vector-im/luke/groups-button
Add button to get to MyGroupspull/5140/head
						commit
						5544270bc4
					
				|  | @ -19,9 +19,9 @@ import React from 'react'; | |||
| import ReactDOM from 'react-dom'; | ||||
| import sdk from 'matrix-react-sdk'; | ||||
| import dis from 'matrix-react-sdk/lib/dispatcher'; | ||||
| import AccessibleButton from 'matrix-react-sdk/lib/components/views/elements/AccessibleButton'; | ||||
| import Velocity from 'velocity-vector'; | ||||
| import 'velocity-vector/velocity.ui'; | ||||
| import UserSettingsStore from 'matrix-react-sdk/lib/UserSettingsStore'; | ||||
| 
 | ||||
| const CALLOUT_ANIM_DURATION = 1000; | ||||
| 
 | ||||
|  | @ -167,8 +167,12 @@ module.exports = React.createClass({ | |||
|         const StartChatButton = sdk.getComponent('elements.StartChatButton'); | ||||
|         const RoomDirectoryButton = sdk.getComponent('elements.RoomDirectoryButton'); | ||||
|         const CreateRoomButton = sdk.getComponent('elements.CreateRoomButton'); | ||||
|         const GroupsButton = sdk.getComponent('elements.GroupsButton'); | ||||
|         const SettingsButton = sdk.getComponent('elements.SettingsButton'); | ||||
| 
 | ||||
|         const groupsButton =  UserSettingsStore.isFeatureEnabled('feature_groups') ? | ||||
|             <GroupsButton tooltip={true} /> : null; | ||||
| 
 | ||||
|         return ( | ||||
|             <div className="mx_BottomLeftMenu"> | ||||
|                 <div className="mx_BottomLeftMenu_options"> | ||||
|  | @ -182,6 +186,7 @@ module.exports = React.createClass({ | |||
|                     <div ref={this._collectCreateRoomButton}> | ||||
|                         <CreateRoomButton tooltip={true} /> | ||||
|                     </div> | ||||
|                     { groupsButton } | ||||
|                     <span className="mx_BottomLeftMenu_settings"> | ||||
|                         <SettingsButton tooltip={true} /> | ||||
|                     </span> | ||||
|  |  | |||
|  | @ -14,6 +14,16 @@ See the License for the specific language governing permissions and | |||
| limitations under the License. | ||||
| */ | ||||
| 
 | ||||
| .mx_MyGroups { | ||||
|     max-width: 960px; | ||||
|     margin-left: auto; | ||||
|     margin-right: auto; | ||||
| } | ||||
| 
 | ||||
| .mx_MyGroups .mx_RoomHeader_simpleHeader { | ||||
|     margin-left: 0px; | ||||
| } | ||||
| 
 | ||||
| .mx_MyGroups_joinCreateBox { | ||||
|     display: table; | ||||
|     margin-bottom: 30px; | ||||
|  |  | |||
|  | @ -0,0 +1,127 @@ | |||
| <?xml version="1.0" encoding="UTF-8" standalone="no"?> | ||||
| <svg | ||||
|    xmlns:dc="http://purl.org/dc/elements/1.1/" | ||||
|    xmlns:cc="http://creativecommons.org/ns#" | ||||
|    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" | ||||
|    xmlns:svg="http://www.w3.org/2000/svg" | ||||
|    xmlns="http://www.w3.org/2000/svg" | ||||
|    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" | ||||
|    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" | ||||
|    width="25px" | ||||
|    height="25px" | ||||
|    viewBox="0 0 25 25" | ||||
|    version="1.1" | ||||
|    id="svg4196" | ||||
|    inkscape:version="0.91 r13725" | ||||
|    sodipodi:docname="icons-room.svg"> | ||||
|   <metadata | ||||
|      id="metadata4216"> | ||||
|     <rdf:RDF> | ||||
|       <cc:Work | ||||
|          rdf:about=""> | ||||
|         <dc:format>image/svg+xml</dc:format> | ||||
|         <dc:type | ||||
|            rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> | ||||
|         <dc:title>81230A28-D944-4572-B5DB-C03CAA2B1FCA</dc:title> | ||||
|       </cc:Work> | ||||
|     </rdf:RDF> | ||||
|   </metadata> | ||||
|   <sodipodi:namedview | ||||
|      pagecolor="#ffffff" | ||||
|      bordercolor="#666666" | ||||
|      borderopacity="1" | ||||
|      objecttolerance="10" | ||||
|      gridtolerance="10" | ||||
|      guidetolerance="10" | ||||
|      inkscape:pageopacity="0" | ||||
|      inkscape:pageshadow="2" | ||||
|      inkscape:window-width="1199" | ||||
|      inkscape:window-height="897" | ||||
|      id="namedview4214" | ||||
|      showgrid="false" | ||||
|      inkscape:zoom="18.441345" | ||||
|      inkscape:cx="12.5" | ||||
|      inkscape:cy="12.5" | ||||
|      inkscape:window-x="486" | ||||
|      inkscape:window-y="77" | ||||
|      inkscape:window-maximized="0" | ||||
|      inkscape:current-layer="g4240" /> | ||||
|   <!-- Generator: sketchtool 39.1 (31720) - http://www.bohemiancoding.com/sketch --> | ||||
|   <title | ||||
|      id="title4198">81230A28-D944-4572-B5DB-C03CAA2B1FCA</title> | ||||
|   <desc | ||||
|      id="desc4200">Created with sketchtool.</desc> | ||||
|   <defs | ||||
|      id="defs4202" /> | ||||
|   <g | ||||
|      id="Symbols" | ||||
|      stroke="none" | ||||
|      stroke-width="1" | ||||
|      fill="none" | ||||
|      fill-rule="evenodd"> | ||||
|     <g | ||||
|        id="Left-nav-default" | ||||
|        transform="translate(-50.000000, -725.000000)"> | ||||
|       <g | ||||
|          id="Left-panel"> | ||||
|         <g | ||||
|            id="g4207"> | ||||
|           <g | ||||
|              id="icons_people" | ||||
|              transform="translate(50.000000, 725.000000)"> | ||||
|             <path | ||||
|                d="M12.5,25 C19.4035594,25 25,19.4035594 25,12.5 C25,5.59644063 19.4035594,0 12.5,0 C5.59644063,0 0,5.59644063 0,12.5 C0,19.4035594 5.59644063,25 12.5,25 Z" | ||||
|                id="Oval-1-Copy-7" | ||||
|                fill="#76CFA6" /> | ||||
|             <g | ||||
|                id="icons_people_svg" | ||||
|                transform="translate(2.1738878,5.8373221)" | ||||
|                style="stroke:#ffffff"> | ||||
|               <path | ||||
|                  d="m 10.5,12 c 0,-2.7614237 0,-5 -5,-5 -5.0000002,0 -5,2.2385763 -5,5 3.4756747,0 5.5712891,0 10,0 z" | ||||
|                  id="Oval-40" | ||||
|                  inkscape:connector-curvature="0" | ||||
|                  style="stroke-linecap:round;stroke-linejoin:round" /> | ||||
|               <circle | ||||
|                  id="Oval" | ||||
|                  cx="5.5" | ||||
|                  cy="2.75" | ||||
|                  r="2.75" /> | ||||
|             </g> | ||||
|             <g | ||||
|                style="stroke:#ffffff" | ||||
|                transform="translate(12.151468,5.8373221)" | ||||
|                id="g4246"> | ||||
|               <path | ||||
|                  style="stroke-linecap:round;stroke-linejoin:round" | ||||
|                  inkscape:connector-curvature="0" | ||||
|                  id="path4248" | ||||
|                  d="m 10.5,12 c 0,-2.7614237 0,-5 -5,-5 -5.0000002,0 -5,2.2385763 -5,5 3.4756747,0 5.5712891,0 10,0 z" /> | ||||
|               <circle | ||||
|                  r="2.75" | ||||
|                  cy="2.75" | ||||
|                  cx="5.5" | ||||
|                  id="circle4250" /> | ||||
|             </g> | ||||
|             <g | ||||
|                transform="translate(6.945774,9.0366549)" | ||||
|                id="g4240" | ||||
|                style="stroke:#ffffff"> | ||||
|               <path | ||||
|                  id="path4242" | ||||
|                  d="m 10.5,12 c 0,-2.7614237 0,-5 -5,-5 -5.0000002,0 -5,2.2385763 -5,5 3.4756747,0 5.5712891,0 10,0 z" | ||||
|                  inkscape:connector-curvature="0" | ||||
|                  style="stroke-linecap:round;stroke-linejoin:round;fill:#76cfa6;fill-opacity:1" /> | ||||
|               <circle | ||||
|                  r="2.75" | ||||
|                  cy="2.75" | ||||
|                  cx="5.5" | ||||
|                  id="circle4244" | ||||
|                  style="fill:#76cfa6;fill-opacity:1" /> | ||||
|             </g> | ||||
|           </g> | ||||
|         </g> | ||||
|       </g> | ||||
|     </g> | ||||
|   </g> | ||||
| </svg> | ||||
| After Width: | Height: | Size: 4.1 KiB | 
		Loading…
	
		Reference in New Issue
	
	 Luke Barnard
						Luke Barnard