Yidhra/TuiCss
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixes

Browse Source
This commit is contained in:
vinicius.reif 2019-09-09 19:40:59 -03:00
parent 58417a711e
commit dc1200a46a
8 changed files with 66 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
dist/tuicss.css vendored
View File

@ -723,14 +723,14 @@ input[type=button] {
padding: 5px;
background-color: inherit; }
.tui-input-fieldset legend {
color: white; }
.tui-input-fieldset:hover {
border-color: yellow !important; }
border-color: yellow; }
.tui-input-fieldset:hover legend {
color: yellow !important; }
.tui-border-solid {
border: 2px white solid; }
color: yellow; }
.tui-fieldset-button {
position: absolute;
@ -746,8 +746,11 @@ input[type=button] {
.tui-fieldset-button.left {
right: initial;
left: 16px !important; }
.tui-fieldset-button.bottom {
bottom: 0px;
top: initial; }
.tui-fieldset-statusbar {
.tui-fieldset-text {
position: absolute;
bottom: 0px;
left: 16px;
@ -755,21 +758,12 @@ input[type=button] {
background-color: inherit;
z-index: 2;
padding: 2px; }
.tui-fieldset-statusbar.right {
.tui-fieldset-text.right {
left: initial;
right: 16px; }
.tui-fieldset-statusbar-top {
position: absolute;
.tui-fieldset-text.top {
top: 0px;
left: 16px;
color: white;
background-color: inherit;
z-index: 2;
padding: 2px; }
.tui-fieldset-statusbar-top.right {
left: initial;
right: 16px; }
bottom: initial; }
.tui-fieldset-button::before {
content: "["; }
@ -1198,16 +1192,20 @@ input[type=button] {
background-repeat: repeat; }
.tui-border-solid {
border: 2px solid !important; }
border-style: solid !important;
border-width: 2px !important; }
.tui-border-dashed {
border: 2px dashed !important; }
border-style: dashed !important;
border-width: 2px !important; }
.tui-border-dotted {
border: 2px dotted !important; }
border-style: dotted !important;
border-width: 2px !important; }
.tui-border-double {
border: 6px double !important; }
border-style: double !important;
border-width: 6px !important; }
/* Font (Options: 'Lucida Console' or 'DOS') */
/* Characters */

2
dist/tuicss.min.css vendored
View File

File diff suppressed because one or more lines are too long

25
examples/general.html
View File

@ -9,20 +9,27 @@
<script src="plugins/jquery-3.4.1.min.js"></script>
<script src="../dist/tuicss.min.js"></script>
<link rel="stylesheet" href="../dist/tuicss.min.css">
<style>
.col {
margin-bottom: 20px;
}
</style>
</head>
<body style="padding: 50px;">
<nav class="tui-nav">
<span class="tui-datetime" data-format="h:m:s a"></span>
<ul>
<li class="tui-dropdown">
<span>Menu</span>
<div class="tui-dropdown-content">
...
<div class="container">
<div class="row">
<div class="col s12 m6 l6"><button class="tui-button full-width">6</button></div>
<div class="col s12 m6 l6"><button class="tui-button full-width">6</button></div>
</div>
</li>
</ul>
<div class="row">
<div class="col offset-l3 offset-m3 s12 m3 l3"><button class="tui-button full-width">3</button></div>
<div class="col offset-l3 offset-m3 s12 m3 l3"><button class="tui-button full-width">3</button></div>
</div>
</div>
</nav>
</body>

4
examples/register.html
View File

@ -56,7 +56,7 @@
<input style="width: 250px" class="tui-input" value="robert@email.com" /><br><br>
<span class="yellow-255-text">G</span>roup......:
<select class="tui-input">
<option>Awner</option>
<option>Owner</option>
<option>Administrators</option>
<option>Common Users</option>
</select>
@ -72,7 +72,7 @@
<input type="radio" name="locale">
<span></span>
</label>
<label class="tui-radio black-255-text"> ch-CH
<label class="tui-radio black-255-text"> es-EC
<input type="radio" name="locale">
<span></span>
</label>

4
examples/turbo-vision.html
View File

@ -104,8 +104,8 @@
<legend class="center">MYAPP.CPP</legend>
<span class="tui-fieldset-button"><span class="green-255-text">↕</span></span>
<span class="tui-fieldset-button left"><span class="green-255-text">■</span></span>
<span class="tui-fieldset-statusbar-top right" style="margin-right: 50px">1</span>
<span class="tui-fieldset-statusbar" style="margin-left: 50px;">&nbsp;1:1&nbsp;</span>
<span class="tui-fieldset-text top right" style="margin-right: 50px">1</span>
<span class="tui-fieldset-text" style="margin-left: 50px;">&nbsp;1:1&nbsp;</span>
<textarea class="tui-textarea full-width" style="height: 493px; overflow: scroll;">#include &#60;iostream&#62;
using namespace std;

4
examples/window-and-panels.html
View File

@ -90,8 +90,8 @@
<a class="tui-button white-168">Copy</a>
<a class="tui-button white-168">Paste</a>
<br><br>
<div class="tui-fieldset-statusbar">Text format: UTF-8</div>
<div class="tui-fieldset-statusbar right">Ln: 2, Col: 5</div>
<div class="tui-fieldset-text">Text format: UTF-8</div>
<div class="tui-fieldset-text right">Ln: 2, Col: 5</div>
</fieldset>
</div>

12
src/components/border.scss
View File

@ -1,15 +1,19 @@
.tui-border-solid {
border: 2px solid !important;
border-style: solid !important;
border-width: 2px !important;
}
.tui-border-dashed {
border: 2px dashed !important;
border-style: dashed !important;
border-width: 2px !important;
}
.tui-border-dotted {
border: 2px dotted !important;
border-style: dotted !important;
border-width: 2px !important;
}
.tui-border-double {
border: 6px double !important;
border-style: double !important;
border-width: 6px !important;
}

30
src/components/fieldset.scss
View File

@ -16,14 +16,14 @@
padding: 5px;
background-color: inherit;
}
.tui-input-fieldset legend {
color: white;
}
.tui-input-fieldset:hover {
border-color: yellow!important;
border-color: yellow;
}
.tui-input-fieldset:hover legend {
color: yellow!important;
}
.tui-border-solid {
border: 2px white solid;
color: yellow;
}
.tui-fieldset-button {
position: absolute;
@ -41,8 +41,12 @@
right: initial;
left: 16px !important;
}
&.bottom {
bottom: 0px;
top: initial;
}
}
.tui-fieldset-statusbar {
.tui-fieldset-text {
position: absolute;
bottom: 0px;
left: 16px;
@ -55,19 +59,9 @@
left: initial;
right: 16px;
}
}
.tui-fieldset-statusbar-top {
position: absolute;
&.top {
top: 0px;
left: 16px;
color: white;
background-color: inherit;
z-index: 2;
padding: 2px;
&.right {
left: initial;
right: 16px;
bottom: initial;
}
}
.tui-fieldset-button::before {