[FIX] Fix hiding flex-tab on embedded view #7486
Conversation
sampaiodiego
changed the title
| & .messages-container { | ||
| border-width: 0; | ||
|
|
||
| & .flex-tab-container { |
There was a problem hiding this comment.
This is not a selector, you have a space after that dot.
There was a problem hiding this comment.
🤔 I don't get it.. there is no space after the dot and it's exactly the same as all other selectors =)
also you can see it working on heroku and the selector being used by google chrome:
There was a problem hiding this comment.
If the flex-tab-container is a child of messages-container you don't need the & there
There was a problem hiding this comment.
@rodrigok @sampaiodiego it's correct, idk why but I saw a space after the dot yesterday.
@gdelavald actually you need to put & before. We are using this css nesting draft on our implementation
| & .messages-container { | ||
| border-width: 0; | ||
|
|
||
| & .flex-tab-container { |
There was a problem hiding this comment.
@rodrigok @sampaiodiego it's correct, idk why but I saw a space after the dot yesterday.
@gdelavald actually you need to put & before. We are using this css nesting draft on our implementation
@RocketChat/core
Using the embedded view mode (appending
?layout=embeddedto the URL) the flex-tab should be hidden. This behavior was changed by #7448Before:
After:
