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; padding: 5px;
background-color: inherit; } background-color: inherit; }
.tui-input-fieldset legend {
color: white; }
.tui-input-fieldset:hover { .tui-input-fieldset:hover {
border-color: yellow !important; } border-color: yellow; }
.tui-input-fieldset:hover legend { .tui-input-fieldset:hover legend {
color: yellow !important; } color: yellow; }
.tui-border-solid {
border: 2px white solid; }
.tui-fieldset-button { .tui-fieldset-button {
position: absolute; position: absolute;
@ -746,8 +746,11 @@ input[type=button] {
.tui-fieldset-button.left { .tui-fieldset-button.left {
right: initial; right: initial;
left: 16px !important; } left: 16px !important; }
.tui-fieldset-button.bottom {
bottom: 0px;
top: initial; }
.tui-fieldset-statusbar { .tui-fieldset-text {
position: absolute; position: absolute;
bottom: 0px; bottom: 0px;
left: 16px; left: 16px;
@ -755,21 +758,12 @@ input[type=button] {
background-color: inherit; background-color: inherit;
z-index: 2; z-index: 2;
padding: 2px; } padding: 2px; }
.tui-fieldset-statusbar.right { .tui-fieldset-text.right {
left: initial; left: initial;
right: 16px; } right: 16px; }
.tui-fieldset-text.top {
.tui-fieldset-statusbar-top {
position: absolute;
top: 0px; top: 0px;
left: 16px; bottom: initial; }
color: white;
background-color: inherit;
z-index: 2;
padding: 2px; }
.tui-fieldset-statusbar-top.right {
left: initial;
right: 16px; }
.tui-fieldset-button::before { .tui-fieldset-button::before {
content: "["; } content: "["; }
@ -1198,16 +1192,20 @@ input[type=button] {
background-repeat: repeat; } background-repeat: repeat; }
.tui-border-solid { .tui-border-solid {
border: 2px solid !important; } border-style: solid !important;
border-width: 2px !important; }
.tui-border-dashed { .tui-border-dashed {
border: 2px dashed !important; } border-style: dashed !important;
border-width: 2px !important; }
.tui-border-dotted { .tui-border-dotted {
border: 2px dotted !important; } border-style: dotted !important;
border-width: 2px !important; }
.tui-border-double { .tui-border-double {
border: 6px double !important; } border-style: double !important;
border-width: 6px !important; }
/* Font (Options: 'Lucida Console' or 'DOS') */ /* Font (Options: 'Lucida Console' or 'DOS') */
/* Characters */ /* 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="plugins/jquery-3.4.1.min.js"></script>
<script src="../dist/tuicss.min.js"></script> <script src="../dist/tuicss.min.js"></script>
<link rel="stylesheet" href="../dist/tuicss.min.css"> <link rel="stylesheet" href="../dist/tuicss.min.css">
<style>
.col {
margin-bottom: 20px;
}
</style>
</head> </head>
<body style="padding: 50px;"> <body style="padding: 50px;">
<nav class="tui-nav"> <div class="container">
<span class="tui-datetime" data-format="h:m:s a"></span> <div class="row">
<ul> <div class="col s12 m6 l6"><button class="tui-button full-width">6</button></div>
<li class="tui-dropdown"> <div class="col s12 m6 l6"><button class="tui-button full-width">6</button></div>
<span>Menu</span>
<div class="tui-dropdown-content">
...
</div> </div>
</li> <div class="row">
</ul> <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> </nav>
</body> </body>

4
examples/register.html
View File

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

4
examples/turbo-vision.html
View File

@ -104,8 +104,8 @@
<legend class="center">MYAPP.CPP</legend> <legend class="center">MYAPP.CPP</legend>
<span class="tui-fieldset-button"><span class="green-255-text">↕</span></span> <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-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-text 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" style="margin-left: 50px;">&nbsp;1:1&nbsp;</span>
<textarea class="tui-textarea full-width" style="height: 493px; overflow: scroll;">#include &#60;iostream&#62; <textarea class="tui-textarea full-width" style="height: 493px; overflow: scroll;">#include &#60;iostream&#62;
using namespace std; 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">Copy</a>
<a class="tui-button white-168">Paste</a> <a class="tui-button white-168">Paste</a>
<br><br> <br><br>
<div class="tui-fieldset-statusbar">Text format: UTF-8</div> <div class="tui-fieldset-text">Text format: UTF-8</div>
<div class="tui-fieldset-statusbar right">Ln: 2, Col: 5</div> <div class="tui-fieldset-text right">Ln: 2, Col: 5</div>
</fieldset> </fieldset>
</div> </div>

12
src/components/border.scss
View File

@ -1,15 +1,19 @@
.tui-border-solid { .tui-border-solid {
border: 2px solid !important; border-style: solid !important;
border-width: 2px !important;
} }
.tui-border-dashed { .tui-border-dashed {
border: 2px dashed !important; border-style: dashed !important;
border-width: 2px !important;
} }
.tui-border-dotted { .tui-border-dotted {
border: 2px dotted !important; border-style: dotted !important;
border-width: 2px !important;
} }
.tui-border-double { .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; padding: 5px;
background-color: inherit; background-color: inherit;
} }
.tui-input-fieldset legend {
color: white;
}
.tui-input-fieldset:hover { .tui-input-fieldset:hover {
border-color: yellow!important; border-color: yellow;
} }
.tui-input-fieldset:hover legend { .tui-input-fieldset:hover legend {
color: yellow!important; color: yellow;
}
.tui-border-solid {
border: 2px white solid;
} }
.tui-fieldset-button { .tui-fieldset-button {
position: absolute; position: absolute;
@ -41,8 +41,12 @@
right: initial; right: initial;
left: 16px !important; left: 16px !important;
} }
&.bottom {
bottom: 0px;
top: initial;
}
} }
.tui-fieldset-statusbar { .tui-fieldset-text {
position: absolute; position: absolute;
bottom: 0px; bottom: 0px;
left: 16px; left: 16px;
@ -55,19 +59,9 @@
left: initial; left: initial;
right: 16px; right: 16px;
} }
} &.top {
.tui-fieldset-statusbar-top {
position: absolute;
top: 0px; top: 0px;
left: 16px; bottom: initial;
color: white;
background-color: inherit;
z-index: 2;
padding: 2px;
&.right {
left: initial;
right: 16px;
} }
} }
.tui-fieldset-button::before { .tui-fieldset-button::before {