Merge pull request #2748 from matrix-org/dbkr/shameless_plugging

Support linking to hosting providers

res/css/structures/_GroupView.scss

@@ -62,6 +62,10 @@ limitations under the License.
     mask-image: url('$(res)/img/icons-share.svg');
 }
 
+.mx_GroupView_hostingSignup img {
+    margin-left: 5px;
+}
+
 .mx_GroupView_editable {
     border-bottom: 1px solid $strong-input-border-color ! important;
     min-width: 150px;

res/css/views/context_menus/_TopLeftMenu.scss

@@ -15,17 +15,39 @@ limitations under the License.
 */
 
 .mx_TopLeftMenu {
-    min-width: 180px;
+    min-width: 210px;
     border-radius: 4px;
 
+    .mx_TopLeftMenu_greyedText {
+        font-size: 12px;
+        opacity: 0.5;
+    }
+
+    .mx_TopLeftMenu_upgradeLink {
+        font-size: 12px;
+
+        img {
+            margin-left: 5px;
+        }
+    }
+
     .mx_TopLeftMenu_section:not(:last-child) {
         border-bottom: 1px solid $menu-border-color;
     }
 
-    .mx_TopLeftMenu_section {
-        list-style: none;
+    .mx_TopLeftMenu_section_noIcon {
+        margin: 5px 0;
+        padding: 5px 20px 5px 15px;
+
+        div:not(:first-child) {
+            margin-top: 5px;
+        }
+    }
+
+    .mx_TopLeftMenu_section_withIcon {
         margin: 5px 0;
         padding: 0;
+        list-style: none;
 
         li.mx_TopLeftMenu_icon_home::after {
             mask-image: url('$(res)/img/feather-customised/home.svg');

res/css/views/settings/_ProfileSettings.scss

@@ -35,6 +35,14 @@ limitations under the License.
     margin-top: 0;
 }
 
+.mx_ProfileSettings_hostingSignup {
+    margin-left: 20px;
+
+    img {
+        margin-left: 5px;
+    }
+}
+
 .mx_ProfileSettings_avatar {
     width: 88px;
     height: 88px;

res/img/external-link.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="11" height="10" viewBox="0 0 11 10">
+    <g fill="none" fill-rule="evenodd" stroke="#9E9E9E" stroke-linecap="round" stroke-linejoin="round">
+        <path d="M8.5 5.5v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h3M7 .5h3v3M4.5 6L10 .5"/>
+    </g>
+</svg>