johnyxz
@johnyxz
Добро пожаловать
johnyxz
@johnyxz
настройка стилей gitter sidecar чата в gantry 5
создаем layout particle "custom html"
вставляем туда этот код
и чат приобретает приятный вид
<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sidecar worked v1.0</title>
<style>
.gitter-chat-embed
{
z-index:99999;
}
.gitter-open-chat-button
{
background-color: orange;
height: 30px;
padding-top: 2px;
opacity: 0.8;
padding-left: 15px;
padding-right: 15px;
right: 20px;
}
.gitter-open-chat-button:focus
{
background-color: #0c7abf;
border-color: #004e7f
}
.gitter-open-chat-button:hover
{
background-color: #0c7abf;
border-color: #004e7f
}
.chat-embed-title
{
flex: 1;
align-self: center;
padding-left: 1rem;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
}
</style>
</head>
<body>
<script>
((window.gitter = {}).chat = {}).options = {
room: 'moyrf/Lobby' , //название вашей комнаты
activationElement: false ,
};
</script>
<script src="https://sidecar.gitter.im/dist/sidecar.v1.js" async defer></script>
<a href="https://gitter.im/moyrf/Lobby" class="gitter-open-chat-button"><i class="fa fa-comments-o fa-fw"></i> ЧАТ</a>
</body>
</html>
Anna Lomteva
@Anna_Lomteva_twitter
Привет)
johnyxz
@johnyxz
Добро пожаловать