Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
S
SiB Chat
Project overview
Project overview
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
51
Issues
51
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Packages
Packages
Container Registry
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Startin blox
components
SiB Chat
Compare Revisions
v0.2.9...v0.2.10
Source
v0.2.10
Select Git revision
...
Target
v0.2.9
Select Git revision
Compare
Commits (2)
fix: visual bugs resolved
· de04b831
Gaëlle Morin
authored
Sep 06, 2019
de04b831
Merge branch 'gm-css' into 'master'
· 36214892
Jean-Baptiste Pasquier
authored
Sep 09, 2019
fix: visual bugs resolved See merge request
!15
36214892
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
32 additions
and
16 deletions
+32
-16
dist/converse.css
dist/converse.css
+32
-16
No files found.
dist/converse.css
View file @
36214892
...
...
@@ -9318,6 +9318,8 @@ readers do not read off random characters that represent icons */
--hd-violet: #6259F5;
--hd-subdued-color: #9BA0A7;
--hd-chat-mention: #FFD759;
--hd-chat-correcting-color: #FFF2C7;
--hd-hightlight-color: #FEE287;
--badge-group-color: #9BA0A7;
--chat-status-online: var(--green);
--chat-status-busy: var(--redder-orange);
...
...
@@ -9692,9 +9694,9 @@ body.converse-fullscreen {
#conversejs
::placeholder
{
color
:
var
(
--subdued-color
);
}
#conversejs
::selection
{
background-color
:
var
(
--h
igh
light-color
);
}
background-color
:
var
(
--h
d-hight
light-color
);
}
#conversejs
::-moz-selection
{
background-color
:
var
(
--h
igh
light-color
);
}
background-color
:
var
(
--h
d-hight
light-color
);
}
@media
screen
and
(
max-width
:
480px
)
{
#conversejs
{
margin
:
0
;
...
...
@@ -9755,6 +9757,8 @@ body.converse-fullscreen {
color
:
var
(
--hd-subdued-color
);
}
#conversejs
.fa
:hover
,
#conversejs
.far
:hover
,
#conversejs
.fas
:hover
{
color
:
var
(
--hd-violet
);
}
#conversejs
div
#converse-modals
{
display
:
none
;
}
#conversejs
.modal
{
background-color
:
rgba
(
0
,
0
,
0
,
0.4
);
}
#conversejs
.modal
.modal-body
p
{
...
...
@@ -10404,7 +10408,7 @@ body.converse-fullscreen {
#conversejs
.chatbox
.sendXMPPMessage
.chat-textarea.spoiler
{
height
:
42px
;
}
#conversejs
.chatbox
.sendXMPPMessage
.chat-textarea.correcting
{
background-color
:
var
(
--chat-correcting-color
);
}
background-color
:
var
(
--
hd-
chat-correcting-color
);
}
#conversejs
.chatbox
.sendXMPPMessage
.send-button
{
position
:
static
;
left
:
var
(
--send-button-margin
);
...
...
@@ -10465,7 +10469,8 @@ body.converse-fullscreen {
display
:
flex
;
flex-direction
:
column
;
}
#conversejs
.chatbox
.sendXMPPMessage
.chat-toolbar
li
.toolbar-menu
a
{
color
:
var
(
--link-color
);
}
color
:
var
(
--link-color
);
text-decoration
:
none
;
}
#conversejs
.chatbox
.sendXMPPMessage
.chat-toolbar
li
.toolbar-menu
.emoji-picker-container
{
background
:
white
;
}
#conversejs
.chatbox
.sendXMPPMessage
.chat-toolbar
li
.toolbar-menu
ul
.emoji-picker
{
...
...
@@ -10506,6 +10511,7 @@ body.converse-fullscreen {
#conversejs
.chatbox
.sendXMPPMessage
.chat-toolbar
li
.toggle-smiley
.emoji-toolbar
.emoji-skintone-picker
li
:hover
{
background-color
:
var
(
--highlight-color
);
}
#conversejs
.chatbox
.sendXMPPMessage
.chat-toolbar
li
.upload-file
a
.fa-paperclip
{
display
:
none
;
text-decoration
:
none
;
}
#conversejs
.chatbox
.sendXMPPMessage
.chat-toolbar
li
.toggle-otr
ul
{
z-index
:
99
;
}
...
...
@@ -11670,9 +11676,9 @@ body.converse-fullscreen {
color
:
var
(
--chat-info-color
);
}
#conversejs
.converse-embedded
.chatroom
.box-flyout
.chatroom-body
.chat-info
,
#conversejs
.chatroom
.box-flyout
.chatroom-body
.chat-info
{
display
:
var
(
--chat-info-display
);
color
:
var
(
--chat-info-color
);
line-height
:
normal
;
}
line-height
:
normal
;
display
:
none
;
}
#conversejs
.converse-embedded
.chatroom
.box-flyout
.chatroom-body
.chat-info.badge
,
#conversejs
.chatroom
.box-flyout
.chatroom-body
.chat-info.badge
{
color
:
var
(
--chat-head-text-color
);
}
...
...
@@ -11842,6 +11848,7 @@ body.converse-fullscreen {
color
:
white
;
}
#conversejs
.converse-embedded
.chatroom
.sendXMPPMessage
.suggestion-box__results--above
,
#conversejs
.chatroom
.sendXMPPMessage
.suggestion-box__results--above
{
border
:
1px
solid
var
(
--hd-chat-mention
);
bottom
:
4.5em
;
}
#conversejs
.converse-embedded
.chatroom
.sendXMPPMessage
.chat-toolbar
,
#conversejs
.chatroom
.sendXMPPMessage
.chat-toolbar
{
...
...
@@ -11866,7 +11873,7 @@ body.converse-fullscreen {
outline
:
none
;
}
#conversejs
.converse-embedded
.chatroom
.sendXMPPMessage
.chat-textarea.correcting
,
#conversejs
.chatroom
.sendXMPPMessage
.chat-textarea.correcting
{
background-color
:
var
(
--
chatroom
-correcting-color
);
}
background-color
:
var
(
--
hd-chat
-correcting-color
);
}
#conversejs
.converse-embedded
.chatroom
.sendXMPPMessage
.send-button
,
#conversejs
.chatroom
.sendXMPPMessage
.send-button
{
background-color
:
var
(
--message-input-color
);
}
...
...
@@ -11986,7 +11993,7 @@ body.converse-fullscreen {
font-size
:
120%
;
}
#conversejs
.converse-embedded
.chatroom
.box-flyout
.sendXMPPMessage
.chat-textarea
{
padding
:
0.5em
;
font-size
:
110%
;
}
font-size
:
var
(
--font-size
)
;
}
#conversejs
.converse-embedded
.chatroom
.box-flyout
.chatroom-body
{
height
:
100%
;
}
#conversejs
.converse-embedded
.chatroom
.box-flyout
.chatroom-body
.chatroom-form-container
{
...
...
@@ -12026,11 +12033,18 @@ body.converse-fullscreen {
#conversejs
.message
.mention
{
background
:
var
(
--hd-chat-mention
);
border-radius
:
14px
;
color
:
var
(
--message-text-color
);
font-size
:
var
(
--font-size
);
font-weight
:
normal
;
padding
:
1px
12px
;
}
#conversejs
.message
.mention--self
{
font-weight
:
normal
;
}
background
:
var
(
--hd-violet
);
color
:
white
;
padding
:
4px
12px
;
}
#conversejs
.message
.mention--self
::selection
{
background
:
var
(
--hd-violet
);
color
:
white
;
}
#conversejs
.message.date-separator
{
height
:
2em
;
...
...
@@ -12097,9 +12111,9 @@ body.converse-fullscreen {
#conversejs
.message.chat-msg
:hover
.chat-msg__actions
.chat-msg__action
{
opacity
:
1
;
}
#conversejs
.message.chat-msg.correcting.groupchat
{
background-color
:
var
(
--
chatroom
-correcting-color
);
}
background-color
:
var
(
--
hd-chat
-correcting-color
);
}
#conversejs
.message.chat-msg.correcting
:not
(
.groupchat
)
{
background-color
:
var
(
--chat-correcting-color
);
}
background-color
:
var
(
--
hd-
chat-correcting-color
);
}
#conversejs
.message.chat-msg
.spoiler
{
margin-top
:
0.5em
;
}
#conversejs
.message.chat-msg
.spoiler-hint
{
...
...
@@ -12139,7 +12153,8 @@ body.converse-fullscreen {
overflow-wrap
:
break-word
;
}
#conversejs
.message.chat-msg
.chat-msg__edit-modal
{
cursor
:
pointer
;
padding-right
:
0.5em
;
}
padding-right
:
0.5em
;
display
:
none
;
}
#conversejs
.message.chat-msg.headline
.chat-msg__body
{
margin-left
:
0
;
}
#conversejs
.message.chat-msg
.chat-msg__subject
{
...
...
@@ -12419,16 +12434,17 @@ body.converse-fullscreen {
transition-timing-function
:
ease
;
}
}
#conversejs
.suggestion-box
>
ul
>
li
[
aria-selected
=
"true"
]
{
background
:
var
(
--
completion-dark-color
);
color
:
var
(
--
inverse-link
-color
);
}
background
:
var
(
--
hd-chat-mention
);
color
:
var
(
--
message-text
-color
);
}
#conversejs
.suggestion-box
li
:hover
mark
{
background
:
var
(
--completion-light-color
);
color
:
var
(
--inverse-link-color
);
}
#conversejs
.suggestion-box
li
[
aria-selected
=
"true"
]
mark
{
background
:
var
(
--completion-normal-color
);
color
:
inherit
;
}
background
:
inherit
;
color
:
inherit
;
font-weight
:
bold
;
}
#conversejs
.converse-fullscreen
.suggestion-box__results--above
{
bottom
:
4.5em
;
}
...
...