Projekt

Obecné

Profil

« Předchozí | Další » 

Revize 6ddecabb

Přidáno uživatelem Ondřej Anděl před téměř 4 roky(ů)

Bug #8650: Návrh vzhledu ver 3.

Zobrazit rozdíly:

application/index.php
25 25
<body>
26 26
<div class="container-fluid">
27 27
    <?php include "./view/header.html" ?>
28
    <div class="row app-content">
29
        <?php include "./view/menu.php" ?>
28
    <?php include "./view/menu.php" ?>
30 29

  
31
        <div class="col-xs-12 col-sm-10 p-4 content d-flex">
30
    <div class="row app-content">
31
        <div class="col-xs-12 col-sm-12 p-4 content d-flex">
32 32
            <?php include "./view/indexContent.html" ?>
33 33
        </div>
34 34
    </div>
application/search.php
23 23
<body>
24 24
<div class="container-fluid">
25 25
    <?php include "./view/header.html" ?>
26
    <div class="row app-content">
27
        <?php include "./view/menu.php" ?>
26
    <?php include "./view/menu.php" ?>
28 27

  
29
        <div class="col-xs-12 col-sm-10 p-4 content d-flex">
28
    <div class="row app-content">
29
        <div class="col-xs-12 col-sm-12 p-5 pb-4 content d-flex">
30 30
            <?php include "./view/searchContent.php" ?>
31 31
        </div>
32 32
    </div>
application/users.php
20 20
<body>
21 21
<div class="container-fluid">
22 22
    <?php include "./view/header.html" ?>
23
    <div class="row app-content">
24
        <?php include "./view/menu.php" ?>
23
    <?php include "./view/menu.php" ?>
25 24

  
26
        <div class="col-xs-12 col-sm-10 p-4 content d-flex">
25
    <div class="row app-content">
26
        <div class="col-xs-12 col-sm-12 p-4 content d-flex">
27 27
            <?php include "./view/userContent.php" ?>
28 28
        </div>
29 29
    </div>
application/view/header.html
1 1
<div class="row app-header">
2
    <div class="col-xs-12 col-sm-12 my-auto ">
3
        <h1 class="mx-auto title">
4
            Staročeská kronika tak řečeného DALIMILA
5
        </h1>
6
        <h3 class="mx-auto title">Databáze slov a tvarů</h3>
2
    <div class="col-xs-12 col-sm-12 my-auto d-inline-flex title">
3
        <img class="logo my-auto mr-5" src="view/img/zcu-logo.jpg">
4
        <div class="my-auto">
5
            <h1 class="mb-0">Staročeská kronika tak řečeného DALIMILA</h1>
6
            <h3>Databáze slov a tvarů</h3>
7
        </div>
7 8
    </div>
8 9
</div>
application/view/menu.php
1
<div class="col-xs-12 col-sm-2 menu">
2
    <h4 class="pt-4 px-4">
3
        Menu
4
    </h4>
5
    <div class="d-flex flex-column">
1
<div class="row menu">
2
    <div class="d-flex mx-auto">
6 3
        <a class="px-4 py-1 <?php echo (strstr($_SERVER['PHP_SELF'], '/index.php') ? 'active' : '');?>" href="index.php">Úvodní info</a>
7 4
        <a class="px-4 py-1 <?php echo (strstr($_SERVER['PHP_SELF'],'/search.php') ? 'active' : '');?>" href="search.php">Vyhledávání</a>
8 5
        <a class="px-4 py-1 <?php echo (strstr($_SERVER['PHP_SELF'],'/login.php') ? 'active' : '');?>" href="#" data-toggle="modal" data-target="#login-modal">Přihlášení</a>
9 6
        <?php
10 7
            if (isset($_SESSION['role']) && $_SESSION['role'] == "admin") {
11
                echo "<a class=\"px-4 py-1";
12
                echo (strstr($_SERVER['PHP_SELF'],'/users.php') ? 'active' : '');
8
                echo "<a class=\" px-4 py-1 ";
9
                echo (strstr($_SERVER['PHP_SELF'],'/users.php') ? 'active\"' : '\"');
13 10
                echo "href=\"users.php\">Správa uživatelů</a>";
14 11
            }
15 12
        ?>
16
        <a class="px-4 py-1 <?php echo (strstr($_SERVER['PHP_SELF'],'/settings.php') ? 'active' : '');?>" href="#" data-toggle="modal" data-target="#settings-modal" id="modalSettingsHref">Nastavení</a>
13
        <a class="my-auto px-4 py-1 <?php echo (strstr($_SERVER['PHP_SELF'],'/settings.php') ? 'active' : '');?>" href="#" data-toggle="modal" data-target="#settings-modal" id="modalSettingsHref">Nastavení</a>
17 14
    </div>
18 15
</div>
application/view/searchContent.php
457 457
    </div>
458 458
</div>
459 459

  
460
<div class="search-results my-4">
460
<div class="search-results mt-4">
461 461
    <table class="table table-striped">
462 462
        <thead>
463 463
        <tr>
application/view/style.css
3 3
  src: url('fonts/charis-sil/CharisSILR.ttf') format('truetype');
4 4
}
5 5

  
6
@font-face {
7
  font-family: 'Impacted';
8
  src: url('fonts/impacted/IMPACTED.ttf') format('truetype');
9
}
10

  
6 11
html, body, .container-fluid {
7 12
  height: 100%;
8 13
  font-family: 'Charis', Fallback, sans-serif;
9 14
}
10 15

  
11 16
.app-header {
12
  background-image: linear-gradient( #A5ca79, #376039);
17
  color: #376039;
13 18
  height: 15%;
14 19
}
15 20

  
21
.logo {
22
  height: 80px;
23
}
24

  
16 25
.app-header .title {
17 26
  width: max-content;
18
  font-family: "Georgia, Arial, sans-serif", cursive;
27
  justify-content: center;
28
  font-family: 'Impacted',  Fallback, sans-serif;
19 29
}
20 30

  
21 31
.app-content {
22
  height: 80%;
32
  height: 75%;
23 33
}
24 34

  
25
.app-content .menu {
26
  background-color: #e0e9d8;
27
  border-right: #4B4B4B solid 2px;
35
.menu {
36
  height: 5%;
37
  background-image: linear-gradient( #A5ca79, #376039);
38
  color: white;
28 39
}
29 40

  
30
.app-content .menu a {
31
  color: black;
41
.menu a {
42
  height: 100%;
43
  color: white;
32 44
  background-color: transparent;
33 45
}
34 46

  
35
.app-content .menu a:hover,
36
.app-content .menu a:focus {
37
  background-color: #bde48e;
47
.menu a:hover,
48
.menu a:focus {
49
  background-color: #A5ca79;
38 50
  text-decoration: none;
39
  border-radius: 15px 50px 50px 15px;
40 51
}
41 52

  
42
.app-content .menu .active{
43
  background-color: #A5ca79;
53
.menu .active{
54
  background-image: linear-gradient(#376039, #A5ca79);
44 55
  text-decoration: none;
45
  border-radius: 15px 50px 50px 15px;
46 56
}
47 57

  
48 58
.app-content .content {
49
  background-color: #ecf5e4;
59
  background-color: #f1f1f1;
50 60
  height: 100%;
51 61
  flex-direction: column;
52 62
}
......
54 64
.app-footer {
55 65
  text-align: center;
56 66
  background-image: linear-gradient( #A5ca79, #376039);
67
  color: white;
57 68
  height: 5%;
58 69
}
59 70

  
......
65 76
  background-image: linear-gradient( #A5ca79, #376039);
66 77
}
67 78

  
79
.app-content .content .search-filters {
80
  max-width: none !important;
81
}
82

  
68 83
.app-content .content .search-results {
69 84
  height: 100%;
70 85
  overflow: auto;
71 86
}
72 87

  
73 88
.app-content .content .search-results .action-td {
74
  width: 15%;
89
  width: 13%;
75 90
}
76 91

  
77 92
input, select {

Také k dispozici: Unified diff