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

Create modal component; Change the fieldset class to remove window. Other little changes...

Browse Source
This commit is contained in:
vinibiavatti
2019-09-07 15:28:45 -03:00
parent 742991ace8
commit b6df894344
19 changed files with 446 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -26,7 +26,7 @@
<!-- Simple window -->
<div class="info-text">Simple window</div>
<div class="tui-window">
<fieldset class="tui-window-fieldset">
<fieldset class="tui-fieldset">
<legend>Window</legend>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br>
Curabitur id vestibulum libero, id fermentum lorem.<br>
@@ -45,7 +45,7 @@
<!-- Scrool window -->
<div class="info-text">Scrool window</div>
<div class="tui-window white-168 black-255-text">
<fieldset class="tui-window-fieldset">
<fieldset class="tui-fieldset">
<legend class="white-255-text">Window</legend>
<div style="overflow: scroll; height: 200px; width: 400px; white-space: nowrap;">
<span class="tui-shadow">The Lorem Ipsum </span><br><br>
@@ -74,7 +74,7 @@
<!-- Fieldset features -->
<div class="info-text">Fieldset features</div>
<div class="tui-window orange-168 black-255-text">
<fieldset class="tui-window-fieldset tui-border-solid white-border">
<fieldset class="tui-fieldset tui-border-solid white-border">
<legend class="center white-255-text">Window</legend>
<button class="tui-fieldset-button left"><span class="green-255-text">↑</span></button>
<button class="tui-fieldset-button"><span class="green-255-text">■</span></button>
@@ -98,7 +98,7 @@
<!-- Item select -->
<div class="info-text">Item select</div>
<div class="tui-window purple-168">
<fieldset class="tui-window-fieldset no-legend tui-border-solid" style="width: 300px">
<fieldset class="tui-fieldset no-legend tui-border-solid" style="width: 300px">
<ul>
<li class="cyan-255-hover black-255-text-hover">
<a href="#!">
@@ -125,7 +125,7 @@
<!-- Window textarea -->
<div class="info-text">Window textarea</div>
<div class="tui-window">
<fieldset class="tui-window-fieldset">
<fieldset class="tui-fieldset">
<legend class="center">MYAPP.CPP</legend>
<button class="tui-fieldset-button"><span class="green-255-text">↑</span></button>
<button class="tui-fieldset-button tui-fieldset-button-left"><span class="green-255-text">■</span></button>