Skip to content

Commit

Permalink
updated css to fix box-sizing:border-box issue
Browse files Browse the repository at this point in the history
  • Loading branch information
@deftio
deftio committed Aug 11, 2024
1 parent ada7075 commit 3eec12a
Show file tree
Hide file tree
Showing 25 changed files with 220 additions and 95 deletions.
3 changes: 3 additions & 0 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -184,5 +184,8 @@ quikchat is licensed under the BSD-2 License.

[quikchat homepage and source code](https://githhub.com/deftio/quikchat)






2 changes: 1 addition & 1 deletion coverage/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -101,7 +101,7 @@ <h1>All files</h1>
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
at 2024-08-06T20:49:06.002Z
at 2024-08-11T22:28:21.225Z
</div>
<script src="prettify.js"></script>
<script>
Expand Down
2 changes: 1 addition & 1 deletion coverage/lcov-report/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -101,7 +101,7 @@ <h1>All files</h1>
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
at 2024-08-06T20:49:06.009Z
at 2024-08-11T22:28:21.233Z
</div>
<script src="prettify.js"></script>
<script>
Expand Down
41 changes: 37 additions & 4 deletions coverage/lcov-report/quikchat.js.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -506,7 +506,18 @@ <h1><a href="index.html">All files</a> quikchat.js</h1>
<a name='L441'></a><a href='#L441'>441</a>
<a name='L442'></a><a href='#L442'>442</a>
<a name='L443'></a><a href='#L443'>443</a>
<a name='L444'></a><a href='#L444'>444</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
<a name='L444'></a><a href='#L444'>444</a>
<a name='L445'></a><a href='#L445'>445</a>
<a name='L446'></a><a href='#L446'>446</a>
<a name='L447'></a><a href='#L447'>447</a>
<a name='L448'></a><a href='#L448'>448</a>
<a name='L449'></a><a href='#L449'>449</a>
<a name='L450'></a><a href='#L450'>450</a>
<a name='L451'></a><a href='#L451'>451</a>
<a name='L452'></a><a href='#L452'>452</a>
<a name='L453'></a><a href='#L453'>453</a>
<a name='L454'></a><a href='#L454'>454</a>
<a name='L455'></a><a href='#L455'>455</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
Expand Down Expand Up @@ -871,16 +882,27 @@ <h1><a href="index.html">All files</a> quikchat.js</h1>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">16x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
Expand Down Expand Up @@ -1312,19 +1334,30 @@ <h1><a href="index.html">All files</a> quikchat.js</h1>
<span class="cstat-no" title="statement not covered" > return this._history[n].message;</span>
}
&nbsp;
&nbsp;
/**
*
* @param {string} newTheme
*/
changeTheme(newTheme) {
this._chatWidget.classList.remove(this._theme);
this._chatWidget.classList.add(newTheme);
this._theme = newTheme;
}
&nbsp;
/**
* Get the current theme
* @returns {string} - The current theme
*/
get theme() {
return this._theme;
}
&nbsp;
/**
*
* @returns {object} - Returns the version and license information for the library.
*/
<span class="fstat-no" title="function not covered" > st</span>atic version() {
<span class="cstat-no" title="statement not covered" > return { "version": "1.1.3", "license": "BSD-2", "url": "https://github/deftio/quikchat" };</span>
<span class="cstat-no" title="statement not covered" > return { "version": "1.1.4", "license": "BSD-2", "url": "https://github/deftio/quikchat" };</span>
}
&nbsp;
/**
Expand Down Expand Up @@ -1399,7 +1432,7 @@ <h1><a href="index.html">All files</a> quikchat.js</h1>
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
at 2024-08-06T20:49:06.009Z
at 2024-08-11T22:28:21.233Z
</div>
<script src="prettify.js"></script>
<script>
Expand Down
84 changes: 42 additions & 42 deletions coverage/lcov.info
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,10 +44,10 @@ FN:343,(anonymous_40)
FN:348,(anonymous_41)
FN:352,(anonymous_42)
FN:360,(anonymous_43)
FN:365,(anonymous_44)
FN:371,(anonymous_45)
FN:375,(anonymous_46)
FN:397,(anonymous_47)
FN:368,(anonymous_44)
FN:378,(anonymous_45)
FN:386,(anonymous_46)
FN:408,(anonymous_47)
FNF:48
FNH:31
FNDA:16,(anonymous_0)
Expand Down Expand Up @@ -251,33 +251,33 @@ DA:353,0
DA:354,0
DA:356,0
DA:361,0
DA:366,1
DA:367,1
DA:368,1
DA:372,16
DA:376,0
DA:398,1
DA:400,1
DA:401,0
DA:404,1
DA:405,1
DA:408,1
DA:369,1
DA:370,1
DA:371,1
DA:379,16
DA:387,0
DA:409,1
DA:411,1
DA:412,0
DA:415,1
DA:417,1
DA:418,0
DA:421,1
DA:416,1
DA:419,1
DA:422,1
DA:423,1
DA:424,1
DA:427,1
DA:428,0
DA:431,1
DA:423,0
DA:426,1
DA:428,1
DA:429,0
DA:432,1
DA:433,1
DA:434,1
DA:437,1
DA:435,1
DA:438,1
DA:439,0
DA:442,1
DA:443,1
DA:444,1
DA:445,1
DA:448,1
LF:180
LH:140
BRDA:8,0,0,16
Expand Down Expand Up @@ -337,24 +337,24 @@ BRDA:353,31,0,0
BRDA:353,31,1,0
BRDA:353,32,0,0
BRDA:353,32,1,0
BRDA:397,33,0,1
BRDA:397,34,0,1
BRDA:400,35,0,0
BRDA:400,35,1,1
BRDA:404,36,0,1
BRDA:404,36,1,0
BRDA:411,37,0,1
BRDA:411,37,1,1
BRDA:417,38,0,0
BRDA:417,38,1,1
BRDA:423,39,0,1
BRDA:423,39,1,0
BRDA:427,40,0,0
BRDA:427,40,1,1
BRDA:431,41,0,1
BRDA:431,41,1,0
BRDA:433,42,0,1
BRDA:433,42,1,0
BRDA:408,33,0,1
BRDA:408,34,0,1
BRDA:411,35,0,0
BRDA:411,35,1,1
BRDA:415,36,0,1
BRDA:415,36,1,0
BRDA:422,37,0,1
BRDA:422,37,1,1
BRDA:428,38,0,0
BRDA:428,38,1,1
BRDA:434,39,0,1
BRDA:434,39,1,0
BRDA:438,40,0,0
BRDA:438,40,1,1
BRDA:442,41,0,1
BRDA:442,41,1,0
BRDA:444,42,0,1
BRDA:444,42,1,0
BRF:75
BRH:37
end_of_record
41 changes: 37 additions & 4 deletions coverage/quikchat.js.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -506,7 +506,18 @@ <h1><a href="index.html">All files</a> quikchat.js</h1>
<a name='L441'></a><a href='#L441'>441</a>
<a name='L442'></a><a href='#L442'>442</a>
<a name='L443'></a><a href='#L443'>443</a>
<a name='L444'></a><a href='#L444'>444</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
<a name='L444'></a><a href='#L444'>444</a>
<a name='L445'></a><a href='#L445'>445</a>
<a name='L446'></a><a href='#L446'>446</a>
<a name='L447'></a><a href='#L447'>447</a>
<a name='L448'></a><a href='#L448'>448</a>
<a name='L449'></a><a href='#L449'>449</a>
<a name='L450'></a><a href='#L450'>450</a>
<a name='L451'></a><a href='#L451'>451</a>
<a name='L452'></a><a href='#L452'>452</a>
<a name='L453'></a><a href='#L453'>453</a>
<a name='L454'></a><a href='#L454'>454</a>
<a name='L455'></a><a href='#L455'>455</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
Expand Down Expand Up @@ -871,16 +882,27 @@ <h1><a href="index.html">All files</a> quikchat.js</h1>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">16x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
Expand Down Expand Up @@ -1312,19 +1334,30 @@ <h1><a href="index.html">All files</a> quikchat.js</h1>
<span class="cstat-no" title="statement not covered" > return this._history[n].message;</span>
}
&nbsp;
&nbsp;
/**
*
* @param {string} newTheme
*/
changeTheme(newTheme) {
this._chatWidget.classList.remove(this._theme);
this._chatWidget.classList.add(newTheme);
this._theme = newTheme;
}
&nbsp;
/**
* Get the current theme
* @returns {string} - The current theme
*/
get theme() {
return this._theme;
}
&nbsp;
/**
*
* @returns {object} - Returns the version and license information for the library.
*/
<span class="fstat-no" title="function not covered" > st</span>atic version() {
<span class="cstat-no" title="statement not covered" > return { "version": "1.1.3", "license": "BSD-2", "url": "https://github/deftio/quikchat" };</span>
<span class="cstat-no" title="statement not covered" > return { "version": "1.1.4", "license": "BSD-2", "url": "https://github/deftio/quikchat" };</span>
}
&nbsp;
/**
Expand Down Expand Up @@ -1399,7 +1432,7 @@ <h1><a href="index.html">All files</a> quikchat.js</h1>
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
at 2024-08-06T20:49:06.002Z
at 2024-08-11T22:28:21.225Z
</div>
<script src="prettify.js"></script>
<script>
Expand Down
14 changes: 6 additions & 8 deletions dev/debug.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,24 +9,24 @@
href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='0.9em' font-size='90' style='fill:blue'>&#x1F4AC;</text></svg>"
rel="icon" />

<script src="https://www.unpkg.com/bitwrench@1.2.16/bitwrench.min.js"></script>
<link href="../dist/quikchat.css" rel="stylesheet" />
<style>
body {
margin: 0;
padding: 5%;
height: 100%;
width: 100%;
width: 100vw;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
box-sizing: border-box;
}

.chatContainerStyles {
height: 60vh;
width: 100%;
width: 80%;
}

/* these are not part of the widget, just for the demo test */
/* these are not part of the widget, just for the demo buttons */
.system-btn {
margin-top: 2px;
margin-bottom: 2px;
Expand Down Expand Up @@ -62,10 +62,8 @@ <h2>QuikChat Styles and Debug Page</h2>
chat.messageAddNew(userContent, 'me', 'right'); // echo the message to the chat area

// do something with the message
// bw (bitwrench) is a utility library that is included in the demo but not related to quikchatjs
// this just creates a random number of messages from the bot
let x = chat.messageAddNew(bw.loremIpsum(bw.random(10, 50), bw.random(33, 100)), 'bot', 'left');

// this just creates a random of messages using the built-in lorem ipsum generator
chat.messageAddNew(quikchat.loremIpsum(), 'bot', 'left');
},
{
theme: 'quikchat-theme-light',
Expand Down
Loading

0 comments on commit 3eec12a

Please sign in to comment.