Skip to content
Snippets Groups Projects
Verified Commit 32f309db authored by Janne Mareike Koschinski's avatar Janne Mareike Koschinski
Browse files

Add changes that were made to quasseldroid

parent b369ef25
No related branches found
No related tags found
No related merge requests found
Pipeline #2598 passed
...@@ -15,18 +15,25 @@ ...@@ -15,18 +15,25 @@
<div class="statusbar"></div> <div class="statusbar"></div>
<div class="toolbar"> <div class="toolbar">
<div class="hamburger"> <div class="hamburger">
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z" /></svg> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24">
<path class="icon" d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z" />
<path class="badge" d="M24,24H16V16H24V24"></path>
</svg>
</div> </div>
<div class="content"> <div class="content">
<h1>#quasseldroid</h1> <h1>#quasseldroid</h1>
<h2>Quasseldroid is an Android client for #quassel ♥ https://quasseldroid.info/ ♥ The Beta requires a Quassel 0.13 Core: https://quasseldroid.info/releases/ ♥ https://github.com/sandsmark/QuasselDroid ♥ https://git.kuschku.de/justjanne/Quasseldroid-NG/</h2> <h2>Quasseldroid is an Android client for #quassel ♥ https://quasseldroid.info/ ♥ The Beta requires a Quassel 0.13 Core: https://quasseldroid.info/releases/ ♥ https://github.com/sandsmark/QuasselDroid ♥ https://git.kuschku.de/justjanne/Quasseldroid-NG/</h2>
</div> </div>
<div class="nicks"> <div class="nicks">
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M16,13C15.71,13 15.38,13 15.03,13.05C16.19,13.89 17,15 17,16.5V19H23V16.5C23,14.17 18.33,13 16,13M8,13C5.67,13 1,14.17 1,16.5V19H15V16.5C15,14.17 10.33,13 8,13M8,11A3,3 0 0,0 11,8A3,3 0 0,0 8,5A3,3 0 0,0 5,8A3,3 0 0,0 8,11M16,11A3,3 0 0,0 19,8A3,3 0 0,0 16,5A3,3 0 0,0 13,8A3,3 0 0,0 16,11Z" /></svg> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24">
<path d="M16,13C15.71,13 15.38,13 15.03,13.05C16.19,13.89 17,15 17,16.5V19H23V16.5C23,14.17 18.33,13 16,13M8,13C5.67,13 1,14.17 1,16.5V19H15V16.5C15,14.17 10.33,13 8,13M8,11A3,3 0 0,0 11,8A3,3 0 0,0 8,5A3,3 0 0,0 5,8A3,3 0 0,0 8,11M16,11A3,3 0 0,0 19,8A3,3 0 0,0 16,5A3,3 0 0,0 13,8A3,3 0 0,0 16,11Z" />
</svg>
<span class="count">114</span> <span class="count">114</span>
</div> </div>
<div class="overflow"> <div class="overflow">
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z" /></svg> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24">
<path d="M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z" />
</svg>
</div> </div>
</div> </div>
<div class="messages"> <div class="messages">
...@@ -321,7 +328,7 @@ ...@@ -321,7 +328,7 @@
<button id="loadDracula">Load Dracula</button> <button id="loadDracula">Load Dracula</button>
</div> </div>
<div class="io"> <div class="io">
<input type="checkbox" id="avatars"><label for="avatars">Avatars</label> <input type="checkbox" id="avatars" checked><label for="avatars">Avatars</label>
<input type="checkbox" id="roundavatars"><label for="roundavatars">Round Avatars</label> <input type="checkbox" id="roundavatars"><label for="roundavatars">Round Avatars</label>
<input type="checkbox" id="highlightself"><label for="highlightself">Highlight own messages</label> <input type="checkbox" id="highlightself"><label for="highlightself">Highlight own messages</label>
</div> </div>
...@@ -717,6 +724,15 @@ ...@@ -717,6 +724,15 @@
<input type="range" id="colorTintHighlight-opacity" min="0" max="255" value="255"> <input type="range" id="colorTintHighlight-opacity" min="0" max="255" value="255">
</td> </td>
</tr> </tr>
<tr>
<td>colorTintNotification</td>
<td>
<input type="color" id="colorTintNotification-color" value="#D32F2F" />
</td>
<td>
<input type="range" id="colorTintNotification-opacity" min="0" max="255" value="255">
</td>
</tr>
<tr> <tr>
<td>colorTintSecure</td> <td>colorTintSecure</td>
......
This diff is collapsed.
...@@ -70,6 +70,7 @@ body { ...@@ -70,6 +70,7 @@ body {
--colorTintActivity:rgba(175,180,43,1); --colorTintActivity:rgba(175,180,43,1);
--colorTintMessage:rgba(25,118,210,1); --colorTintMessage:rgba(25,118,210,1);
--colorTintHighlight:rgba(255,171,0,1); --colorTintHighlight:rgba(255,171,0,1);
--colorTintNotification:#D32F2F;
--colorTintSecure:rgba(76,175,80,1); --colorTintSecure:rgba(76,175,80,1);
--colorTintPartiallySecure:rgba(255,193,7,1); --colorTintPartiallySecure:rgba(255,193,7,1);
--colorTintInsecure:rgba(211,47,47,1); --colorTintInsecure:rgba(211,47,47,1);
...@@ -168,20 +169,30 @@ body { ...@@ -168,20 +169,30 @@ body {
color: var(--colorTextToolbarPrimary); color: var(--colorTextToolbarPrimary);
font-weight: bold; font-weight: bold;
letter-spacing: -1px; letter-spacing: -1px;
font-size: 15px;
line-height: 1;
margin-top: -4px;
} }
.phone .toolbar .hamburger { .phone .toolbar .hamburger {
padding: 16px 8px 16px 16px; padding: 16px 8px 16px 16px;
} }
.phone .toolbar .nicks path, .phone .toolbar .overflow path, .phone .toolbar .hamburger path { .phone .toolbar .nicks path, .phone .toolbar .overflow path, .phone .toolbar .hamburger .icon {
fill: var(--colorTextToolbarPrimary); fill: var(--colorTextToolbarPrimary);
} }
.phone .toolbar .hamburger .badge {
fill: var(--colorTintNotification);
}
.phone .messages { .phone .messages {
flex-grow: 1; flex-grow: 1;
flex-shrink: 1; flex-shrink: 1;
overflow-y: scroll; overflow-y: scroll;
background:
linear-gradient(rgba(0,0,0,0.26) 0px, transparent 2px),
linear-gradient(0deg, rgba(0,0,0,0.26) 0px, transparent 1px);
} }
.phone .messages .message { .phone .messages .message {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment