Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open-Up/openup2018_01-barcamp#9 #2

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

JackieNek
Copy link
Contributor

@JackieNek JackieNek commented Jul 5, 2018

Add ellipsis to Chat channel's topic

@JackieNek
Copy link
Contributor Author

screenshot from 2018-07-05 11-36-24

@JackieNek JackieNek changed the title Add ellipsis to Chat channel's topic Open-Up/openup2018_01-barcamp#9 Jul 5, 2018
@JackieNek JackieNek force-pushed the openup2018_01-barcamp branch from 87e3f91 to dd4bcc3 Compare July 5, 2018 09:43
@JackieNek
Copy link
Contributor Author

screenshot from 2018-07-05 17-13-25
screenshot from 2018-07-05 17-14-10

@@ -1,4 +1,4 @@
.chat-conversation-topic-edition
span.editable(ng-if="!ctrl.conversation.topic.value" editable-text="ctrl.topic" onhide="ctrl.draft($data)" buttons="no" onbeforesave='ctrl.updateTopic($data)')
| #{__('Set a topic')}
span.editable(ng-if="ctrl.conversation.topic.value" ng-bind-html="ctrl.conversation.topic.value | linky:'_blank' | esnEmoticonify:{class: 'label-emoji'}" editable-text="ctrl.topic" onhide="ctrl.draft($data)" buttons="no" onbeforesave='ctrl.updateTopic($data)')
span.editable(ng-if="ctrl.conversation.topic.value" ng-bind-html="ctrl.conversation.topic.value | linky:'_blank' | esnEmoticonify:{class: 'label-emoji'}" editable-text="ctrl.topic" onhide="ctrl.draft($data)" buttons="no" onbeforesave='ctrl.updateTopic($data)' data-trigger="hover" data-placement="down" title="{{ctrl.conversation.topic.value}}")
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  1. Do we need data-trigger="hover" data-placement="down" ?
  2. Please separate attributes by ,

@@ -24,13 +24,20 @@
}

span {
.ellipsis;
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

it should be in chatConversationTopicEdition.
You should always css for an element in a component in css file of that component

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

but it is not woking

@@ -24,13 +24,20 @@
}

span {
.ellipsis;

display: block;
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

please use div instead of span with display: block

cursor: pointer;
.label-emoji {
width: @chatLabelEmojiSize;
}
}
}

chat-conversation-topic-edition {
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

should be in chat-conversation-topic-edition.less

@@ -1,4 +1,4 @@
.chat-conversation-topic-edition
span.editable(ng-if="!ctrl.conversation.topic.value" editable-text="ctrl.topic" onhide="ctrl.draft($data)" buttons="no" onbeforesave='ctrl.updateTopic($data)')
| #{__('Set a topic')}
span.editable(ng-if="ctrl.conversation.topic.value" ng-bind-html="ctrl.conversation.topic.value | linky:'_blank' | esnEmoticonify:{class: 'label-emoji'}" editable-text="ctrl.topic" onhide="ctrl.draft($data)" buttons="no" onbeforesave='ctrl.updateTopic($data)')
span.editable(ng-if="ctrl.conversation.topic.value" ng-bind-html="ctrl.conversation.topic.value | linky:'_blank' | esnEmoticonify:{class: 'label-emoji'}" editable-text="ctrl.topic" onhide="ctrl.draft($data)" buttons="no" onbeforesave='ctrl.updateTopic($data)' title="{{ctrl.conversation.topic.value}}")
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

please separate attributes by ,

@@ -42,8 +49,12 @@
a {
color: @secondaryTextColor;
}

chat-conversation-topbar-actions-members span{
white-space: nowrap;
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

it keep contact icon inline

cursor: pointer;
.label-emoji {
width: @chatLabelEmojiSize;
}
}
}

chat-conversation-topic-edition {
width: 90%;
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

100%, padding if need

@JackieNek JackieNek force-pushed the openup2018_01-barcamp branch 4 times, most recently from 0c63732 to 75dec75 Compare July 6, 2018 04:44
div {
.ellipsis;

display: block;
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

no need because display of div is bock by default

@JackieNek JackieNek force-pushed the openup2018_01-barcamp branch 2 times, most recently from e406899 to fa24438 Compare July 6, 2018 05:28
@@ -1,4 +1,4 @@
.chat-conversation-topic-edition
span.editable(ng-if="!ctrl.conversation.topic.value" editable-text="ctrl.topic" onhide="ctrl.draft($data)" buttons="no" onbeforesave='ctrl.updateTopic($data)')
| #{__('Set a topic')}
span.editable(ng-if="ctrl.conversation.topic.value" ng-bind-html="ctrl.conversation.topic.value | linky:'_blank' | esnEmoticonify:{class: 'label-emoji'}" editable-text="ctrl.topic" onhide="ctrl.draft($data)" buttons="no" onbeforesave='ctrl.updateTopic($data)')
div.editable(ng-if="ctrl.conversation.topic.value" ng-bind-html="ctrl.conversation.topic.value | linky:'_blank' | esnEmoticonify:{class: 'label-emoji'}" editable-text="ctrl.topic" onhide="ctrl.draft($data)" buttons="no" onbeforesave='ctrl.updateTopic($data)' title="{{ctrl.conversation.topic.value}}")
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

no need div

@JackieNek JackieNek force-pushed the openup2018_01-barcamp branch 8 times, most recently from 12e477d to b4e5ace Compare July 9, 2018 04:37
@@ -42,8 +45,12 @@
a {
color: @secondaryTextColor;
}

chat-conversation-topbar-actions-members span{
white-space: nowrap;
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bad indent

width: 100%;
padding-right: 10px;

div {
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

use .editable instead of div

@JackieNek JackieNek force-pushed the openup2018_01-barcamp branch from b4e5ace to 9f0e097 Compare July 9, 2018 06:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants