diff --git a/config/integrations/etherpad_widget.yaml b/config/integrations/etherpad_widget.yaml index 1b69147..065fc64 100644 --- a/config/integrations/etherpad_widget.yaml +++ b/config/integrations/etherpad_widget.yaml @@ -3,7 +3,7 @@ type: "widget" integrationType: "etherpad" enabled: true name: "Etherpad" -about: "Etherpad is a collaborative text editor. With this widget you can embed Etherpad directly in to your Matrix chat rooms so that you can securely collaborate on documents." +about: "Collaborate on documents with members of your room." avatar: "img/avatars/etherpad.png" # This is the URL people will be provided when adding a new Etherpad widget. The supported variables diff --git a/web/app/integration-bag/integration-bag.component.html b/web/app/integration-bag/integration-bag.component.html index 7d5a396..29e2b3c 100644 --- a/web/app/integration-bag/integration-bag.component.html +++ b/web/app/integration-bag/integration-bag.component.html @@ -5,5 +5,6 @@
{{ integration.name }}
{{ integration.about }}
+
\ No newline at end of file diff --git a/web/app/integration-bag/integration-bag.component.scss b/web/app/integration-bag/integration-bag.component.scss index bc10af3..757f71e 100644 --- a/web/app/integration-bag/integration-bag.component.scss +++ b/web/app/integration-bag/integration-bag.component.scss @@ -14,6 +14,23 @@ padding: 5px; width: calc(325px - 14px); position: relative; + cursor: pointer; +} + +.integration .integration-arrow { + display: none; + position: absolute; + top: calc(50% - 12px); // icon happens to be 24px tall + right: 0; + color: #bbb; +} + +.integration:hover { + box-shadow: 0 0 9px #888; +} + +.integration:hover .integration-arrow { + display: block; } .integration .integration-avatar { @@ -26,12 +43,13 @@ display: inline-block; font-size: 1.1em; font-weight: 100; - padding-left: 5px; + padding-left: 10px; } .integration .integration-description { display: block; font-size: 0.8em; - margin-left: 55px; + margin-left: 60px; + margin-right: 5px; color: #999; } \ No newline at end of file diff --git a/web/style/_riot.scss b/web/style/_riot.scss index 80fe0b2..51ef99a 100644 --- a/web/style/_riot.scss +++ b/web/style/_riot.scss @@ -9,10 +9,12 @@ .fluid-bread .container { padding: 0; + margin: 0; } .fluid-bread .container .breadcrumb { padding: 0; + margin: 0; } .fluid-bread .breadcrumb-item a:hover {