wanderer/TEW-0x01
1
0
Fork 0
Code Issues Pull Requests Releases Activity

added nested card

Browse Source
This commit is contained in:
surtur 2020-04-16 02:43:29 +02:00
parent a7945b3ffb
commit 7b4b894829
Signed by: wanderer
GPG Key ID: 19CE1EC1D9E0486D
2 changed files with 67 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
css/main.css
View File

@ -61,8 +61,9 @@ nav > .breadcrumb {
.card-body > .row:not(:last-of-type):not(:first-of-type) { .card-body > .row:not(:last-of-type):not(:first-of-type) {
border-bottom: solid .1em gainsboro; border-bottom: solid .1em gainsboro;
} }
.card-body > .raow > .col:last-child { .card-body.nogridlines > .row {
border-bottom: 0; border-bottom: 0;
padding: 0;
} }
#filepicker { #filepicker {
@ -71,4 +72,20 @@ nav > .breadcrumb {
} }
#filepicker:hover { #filepicker:hover {
cursor: pointer; cursor: pointer;
}
#poznamky {
border: solid .1em lightskyblue;
margin: 1em;
}
#poznamky-header {
background-color: lightskyblue;
color: teal;
}
#petr1 {
border: solid .1em rgb(27, 123, 202);
}
#petr1-header {
background-color: rgb(27, 123, 202);
color: blue;
} }

55
index.html
View File

@ -8,7 +8,7 @@
<!-- Bootstrap CSS --> <!-- Bootstrap CSS -->
<link rel="stylesheet" href="./css/bootstrap.min.css" <link rel="stylesheet" href="./css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href="./css/oi-bootstrap-min.css" rel="stylesheet"> <link href="./css/oi-bootstrap-min.css" rel="stylesheet">
<link rel="stylesheet" href="./css/main.css"> <link rel="stylesheet" href="./css/main.css">
<title>tew-0x01</title> <title>tew-0x01</title>
</head> </head>
@ -98,7 +98,7 @@
<div class="form-group"> <div class="form-group">
<label for="sel1">Nabídka k poptávce</label> <label for="sel1">Nabídka k poptávce</label>
<select class="form-control" id="sel1"> <select class="form-control" id="sel1">
<option>Automatická svářečka pytluu</option> <option>Automatická svářečka pytluu (ID: 3)</option>
<option>2</option> <option>2</option>
<option>3</option> <option>3</option>
<option>4</option> <option>4</option>
@ -144,7 +144,8 @@
</div> </div>
<div class="col-md-5 ml-auto"> <div class="col-md-5 ml-auto">
<!-- <a class="col-lg-3 btn btn-block ml-auto" style="color: white;" href="#" role="button">Připojit soubor</a> --> <!-- <a class="col-lg-3 btn btn-block ml-auto" style="color: white;" href="#" role="button">Připojit soubor</a> -->
<label class="col-lg-5 btn btn-block ml-auto" id="filepicker"><span class="oi oi-plus" aria-hidden="true"> Připojit soubor</span> <label class="col-lg-5 btn btn-block ml-auto" id="filepicker"><span class="oi oi-plus" aria-hidden="true">
Připojit soubor</span>
<input type="file" hidden> <input type="file" hidden>
</label> </label>
</div> </div>
@ -198,11 +199,53 @@
</div> </div>
</div> </div>
<div class="row bg-white">
<div class="col btn btn-block"> <div class="card" id="poznamky">
<a class="col-lg-4 btn btn-block btn-primary" href="#">Ulozit</a> <h5 class="card-header" id="poznamky-header">
<div class="row" id="nopaddingplz">
<div class="col-md-3">
<h4>Poznámky</h4>
</div>
</div>
</h5>
<div class="card-body nogridlines">
<div class="row" id="nopaddingplz">
<div class="col-10 form-group">
<textarea class="col form-control" rows="3" id="poznamka-textarea" placeholder="Nová poznámka"></textarea>
</div>
<div class="col-md-2 d-flex justify-content-sm-center">
<a class="col btn btn-block btn-info h-75" href="#">Vložit poznámku</a>
</div>
</div>
<div class="row">
<div class="col">
<div class="card" id="petr1">
<h6 class="card-header" id="petr1-header">
<div class="row" id="nopaddingplz">
<div class="col-md-5">
Petr Novák - 27.5.2018
</div>
<div class="col-sm-4 ml-auto">
<label class="col-sm-4 btn btn-block ml-auto" id="trash-pencil"><span class="oi oi-trash btn-outline-dark" aria-hidden="true"></span> <span class="oi oi-pencil btn-outline-dark" aria-hidden="true"></span></label></div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="defaultUnchecked">
<label class="custom-control-label" for="defaultUnchecked">soukromé</label>
</div>
</div>
</h6>
<div class="card-body nogridlines">
<div class="row">
<div class="col">
<p>Nabídku sem odeslal 26.5.2018 přímo generálnímu řediteli.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div>
<!-- Optional JavaScript --> <!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS --> <!-- jQuery first, then Popper.js, then Bootstrap JS -->