Commit a0b9cea4 authored by Wolfgang Wiese's avatar Wolfgang Wiese
Browse files

V1 reuf für den produktiven test

parent 742cf8f8
This diff is collapsed.
{
"name": "rrze-otrs-customizing",
"version": "1.0.7-41",
"version": "1.0.8",
"description": "RRZE OTRS UI Customizing",
"main": "start.html",
"scripts": {
......
This diff is collapsed.
......@@ -39,19 +39,49 @@
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
a {
color: #3c763d;
&:hover {
color: #3c763d;
text-decoration: underline;
}
}
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
a {
color: #31708f;
&:hover {
color: #31708f;
text-decoration: underline;
}
}
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
a {
color: #8a6d3b;
&:hover {
color: #8a6d3b;
text-decoration: underline;
}
}
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
a {
color: #a94442;
&:hover {
color: #a94442;
text-decoration: underline;
}
}
}
\ No newline at end of file
......@@ -3,18 +3,86 @@
Author : unrz59
*/
// IOTRS Grid
.LoginScreen,
.iotrs {
.container {
display: flex;
width: 100%;
height: 100vh;
flex-direction: column;
@media (min-width: 480px) {
flex-wrap: wrap;
}
main {
margin: 0;
width: 100%;
flex: 1;
overflow-y: auto;
display: flex;
.content {
width: 100%;
height: max-content;
margin: auto;
max-width: $default-gridwith;
}
&.login {
.content {
margin: 0;
width: 100%;
max-width: inherit;
@media (min-width: 600px) {
width: 450px;
margin: 0 0 0 auto;
min-width: var(--screen-xs);
}
@media (min-width: $default-gridwith) {
margin: auto;
align-self: flex-start;
}
}
}
}
footer {
margin-top: auto;
width: 100%;
}
header {
margin: 0;
width: 100%;
background: var(--meta-bg-color);
}
.row {
margin-left: 25px;
margin-right: 25px;
}
.meta-header, .content, .content-footer {
max-width: $default-gridwith;
margin: 0 auto;
}
}
.content .logo {
margin-top: 40px;
margin-bottom: 30px;
}
.container main {
.content {
}
}
}
\ No newline at end of file
......@@ -32,9 +32,7 @@ body {
}
.content {
background: var(--main-bg-color);
@media (min-width: 480px) {
background: rgba(255,255,255,0.8);
}
}
......
// Grid
.container {
display: flex;
width: 100%;
height: 100vh;
flex-direction: column;
flex-wrap: wrap;
.meta-header {
display: block;
@media (min-width: 480px) {
flex-wrap: wrap;
}
main {
margin: 0;
width: 100%;
flex: 1;
overflow-y: auto;
display: flex;
.content {
width: 100%;
height: max-content;
margin: auto;
max-width: $default-gridwith;
}
&.login {
.content {
margin: 0;
width: 100%;
max-width: inherit;
@media (min-width: 600px) {
width: 450px;
margin: 0 0 0 auto;
min-width: var(--screen-xs);
}
@media (min-width: $default-gridwith) {
margin: auto;
align-self: flex-start;
}
}
}
}
footer {
margin-top: auto;
width: 100%;
}
header {
margin: 0;
width: 100%;
background: var(--meta-bg-color);
}
.row {
margin-left: 25px;
margin-right: 25px;
flex-wrap: nowrap;
flex-direction: row;
justify-content: space-between;
}
.meta-header, .content, .content-footer {
max-width: $default-gridwith;
margin: 0 auto;
}
}
.meta-header {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: space-between;
font-size: var(--smallfont);
......
/*
Agent
*/
// Agent grid
@import "grid";
// Agent view
@import "content";
......@@ -2,10 +2,13 @@
Agent view
*/
.agent {
#Header {
.agent {
header {
box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#Header {
background: var(--main-bg-color);
color: $colorDefault;
......@@ -90,35 +93,13 @@
}
#Header,
.header-menu {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: flex-start;
align-items: baseline;
padding: 0;
height: inherit;
margin: 20px auto 10px auto;
.logo {
order: 1;
min-width: 240px;
.otrs-logo {
margin-left: 10px;
max-height: 60px;
margin-right: 20px;
}
}
nav,
#NavigationContainer {
order: 2;
position: relative;
top: inherit;
width: inherit;
left: inherit !important;
ul#Navigation {
a i {
top: inherit;
}
li {
a {
color: var(--mainmenu-color);
......@@ -127,6 +108,10 @@
font-weight: bold;
height: inherit;
}
a#GlobalSearchNav {
height: 24px;
}
ul {
......@@ -146,26 +131,15 @@
header, footer {
.meta-header, .content-footer, .header-menu {
width: 100%;
@media (min-width: $default-gridwith) {
margin: 0 auto;
width: $default-gridwith;
}
}
.MessageBox {
margin-top: 10px;
@extend .alert;
}
main {
width: 100%;
@media (min-width: $default-gridwith) {
margin: 0 auto;
width: $default-gridwith;
}
.Error {
@extend .alert-danger;
}
.Notice {
@extend .alert-info;
}
......
/*
Agent Grid
*/
.agent {
#AppWrapper {
display: flex;
height: 100vh;
width: 100%;
flex-direction: column;
header {
order: 1;
width: 100%;
}
main {
order: 2;
}
footer {
width: 100%;
margin-top: auto;
order: 3;
}
}
header, footer {
.meta-header, .content-footer, .header-menu {
width: 100%;
@media (min-width: $default-gridwith) {
margin: 0 auto;
width: $default-gridwith;
}
}
}
main {
width: 100%;
@media (min-width: $default-gridwith) {
margin: 0 auto;
width: $default-gridwith;
}
}
#Header,
.header-menu {
height: inherit;
margin: 20px 0px 10px 0px;
.logo {
text-align: center;
.otrs-logo {
max-height: 40px;
}
}
@media (min-width: 1024px) {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: flex-start;
align-items: baseline;
padding: 0;
height: inherit;
margin: 20px auto 0 auto;
.logo {
order: 1;
min-width: 240px;
text-align: left;
.otrs-logo {
margin-left: 10px;
max-height: 60px;
margin-right: 20px;
}
}
nav,
#NavigationContainer {
order: 2;
position: relative;
top: inherit;
width: inherit;
left: inherit !important;
}
}
}
.ResponsiveHandle {
top: 0px;
@media (min-width: 480px) {
top: 41px;
}
}
}
......@@ -30,7 +30,10 @@
@import "iotrs";
// Agent view
@import "agent";
@import "agent/agent";
// @import "content";
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment