libre.sh/keycloak-scim
3
0
Fork 0
Code Issues 15 Pull requests Releases Packages Activity Actions

Merge pull request #268 from cardosogabriel/master

Browse source 
Adjusting font-sizes, margins and a few design details
This commit is contained in:
Bill Burke 2014-03-06 15:15:27 -05:00
commit 0fd0240be7
4 changed files with 67 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

80
admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/admin-console.css
View file

@ -36,6 +36,12 @@ body {
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%);
background-image: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%); background-image: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%);
background-repeat: repeat-x; background-repeat: repeat-x;
font-size: 12px;
margin-top: 0;
}
.navbar-pf .navbar-primary li.dropdown.context > a {
padding-right: 12px;
} }
.navbar-pf .navbar-primary li.dropdown.context > a:hover, .navbar-pf .navbar-primary li.dropdown.context > a:hover,
@ -55,8 +61,15 @@ body {
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.navbar-pf .navbar-utility > li > a { .navbar-pf .navbar-nav > li > a {
border-left: none; border-left: none;
padding-top: 12px;
padding-bottom: 11px;
color: #fff !important;
}
.navbar-pf .navbar-utility li.dropdown > .dropdown-toggle .pficon-user {
top: 11px;
} }
.navbar-pf .navbar-utility > li > a:hover, .navbar-pf .navbar-utility > li > a:hover,
@ -107,7 +120,7 @@ html, body, body > .container, #view, #content-area{
.fieldset-notice { .fieldset-notice {
color: #B7B7B7; color: #B7B7B7;
font-size: 1.1em; font-size: 11px;
float: right; float: right;
margin-top: -2em; margin-top: -2em;
} }
@ -137,10 +150,9 @@ th.kc-table-actions {
#content-area > .nav { #content-area > .nav {
border-color: #CECECE; border-color: #CECECE;
font-size: 1.4em;
padding: 0 20px; padding: 0 20px;
margin-bottom: 0; margin-bottom: 0;
padding: 0.8em 0 0 2em; padding: 10px 0 0 30px;
} }
#container-right-bg { #container-right-bg {
@ -193,6 +205,7 @@ header .navbar {
color: #0099D3; color: #0099D3;
letter-spacing: 0; letter-spacing: 0;
padding: 0; padding: 0;
margin-left: 0;
} }
.kc-link:hover { .kc-link:hover {
text-decoration: underline; text-decoration: underline;
@ -241,6 +254,10 @@ header .navbar {
font-size: 0.90909090909091em; font-size: 0.90909090909091em;
} }
form .btn + .btn {
margin-left: 3px;
}
/* Top menu */ /* Top menu */
#kc-navigation li.active { #kc-navigation li.active {
@ -251,7 +268,7 @@ header .navbar {
.bs-sidebar { .bs-sidebar {
background-color: #f9f9f9; background-color: #f9f9f9;
padding-top: 4.3em; padding-top: 43px;
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
z-index: 20; z-index: 20;
@ -266,11 +283,10 @@ header .navbar {
margin-left: -1em; margin-left: -1em;
} }
.bs-sidebar ul li a { .bs-sidebar ul li a {
font-size: 1.3em; font-size: 13px;
font-family: "Open Sans", sans-serif; padding-left: 25px;
padding-left: 1.92307692307692em;
color: #4d5258; color: #4d5258;
line-height: 2.07692307692308em; line-height: 26px;
display: block; display: block;
border-width: 1px 0 1px 1px; border-width: 1px 0 1px 1px;
border-style: solid; border-style: solid;
@ -280,6 +296,7 @@ header .navbar {
.bs-sidebar ul li a:focus { .bs-sidebar ul li a:focus {
text-decoration: none; text-decoration: none;
color: #777777; color: #777777;
border-right: 2px solid #aaa;
} }
.bs-sidebar ul li.active a { .bs-sidebar ul li.active a {
background-color: #c7e5f0; background-color: #c7e5f0;
@ -290,6 +307,10 @@ header .navbar {
background-position: right center; background-position: right center;
} }
.bs-sidebar ul li.active a:hover {
border-right: none;
}
/* On-Off switch */ /* On-Off switch */
.onoffswitch { .onoffswitch {
@ -377,8 +398,9 @@ header .navbar {
/* Inputs */ /* Inputs */
.form-horizontal .control-label { .form-horizontal .control-label {
text-align: left;
color: #909090; color: #909090;
line-height: 1.4em;
padding-top: 5px;
} }
/* Details stuff */ /* Details stuff */
@ -386,9 +408,13 @@ header .navbar {
#content h2 { #content h2 {
font-family: "Open Sans", sans-serif; font-family: "Open Sans", sans-serif;
font-weight: 100; font-weight: 100;
font-size: 2.4em; font-size: 24px;
margin-bottom: 1.04166666666667em; margin-bottom: 25px;
margin-top: 1em; margin-top: 0;
}
#content h2.margin-top {
margin-top: 25px;
} }
#content-area #content h2 span { #content-area #content h2 span {
@ -399,6 +425,14 @@ fieldset {
padding-bottom: 1em; padding-bottom: 1em;
} }
fieldset.border-top {
border-top: 1px solid #E9E8E8;
}
fieldset.border-top .form-group:first-child {
padding-top: 25px;
}
/* Legend stuff */ /* Legend stuff */
legend { legend {
border-color: #E9E8E8; border-color: #E9E8E8;
@ -406,14 +440,14 @@ legend {
border-width: 1px 0 0; border-width: 1px 0 0;
cursor: pointer; cursor: pointer;
display: block; display: block;
font-size: 1em; font-size: 13px;
margin-bottom: 0; margin-bottom: 0;
padding-bottom: 1em; padding-bottom: 13px;
padding-top: 2em; padding-top: 18px;
} }
legend .text { legend .text {
font-size: 1.3em; font-size: 13px;
font-weight: bold; font-weight: bold;
color: #505050; color: #505050;
} }
@ -550,7 +584,7 @@ legend .kc-icon-collapse {
background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0);
border: medium none; border: medium none;
font-family: "Open Sans",sans-serif; font-family: "Open Sans",sans-serif;
font-size: 1.1em; font-size: 11px;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
margin-left: -2px; margin-left: -2px;
@ -591,7 +625,7 @@ legend .kc-icon-collapse {
display: inline-block; display: inline-block;
} }
.changing-selectors .select-title label { .changing-selectors .select-title label {
font-size: 1.1em; font-size: 11px;
margin-left: 0.2em; margin-left: 0.2em;
margin-bottom: 0.3em; margin-bottom: 0.3em;
margin-top: 0.5em; margin-top: 0.5em;
@ -600,7 +634,7 @@ legend .kc-icon-collapse {
} }
.changing-selectors select { .changing-selectors select {
min-height: 150px; min-height: 150px;
font-size: 1.1em; font-size: 11px;
padding: 0.545454545454545em; padding: 0.545454545454545em;
min-width: 18.1818181818182em; min-width: 18.1818181818182em;
border: 1px #b6b6b6 solid; border: 1px #b6b6b6 solid;
@ -665,9 +699,11 @@ legend .kc-icon-collapse {
.kc-uploaded-file { .kc-uploaded-file {
float: left; float: left;
font-weight: bold; font-weight: bold;
margin-right: 0.909091em; margin-right: 10px;
padding-top: 3px; padding-top: 5px;
line-height: 1.4em;
} }
.kc-link-input-file { .kc-link-input-file {
display: inline-block; display: inline-block;
margin-top: 0.1em; margin-top: 0.1em;

11
admin-ui/src/main/resources/META-INF/resources/admin/partials/application-installation.html
View file

@ -12,12 +12,13 @@
<li data-ng-show="!application.bearerOnly"><a href="#/realms/{{realm.realm}}/applications/{{application.name}}/sessions">Sessions</a></li> <li data-ng-show="!application.bearerOnly"><a href="#/realms/{{realm.realm}}/applications/{{application.name}}/sessions">Sessions</a></li>
</ul> </ul>
<div class="top-nav" data-ng-show="create">
<ul class="rcue-tabs">
<li></li>
</ul>
</div>
<div id="content"> <div id="content">
<ol class="breadcrumb" data-ng-hide="create">
<li><a href="#/realms/{{realm.realm}}">{{realm.realm}}</a></li>
<li><a href="#/realms/{{realm.realm}}/applications">Applications</a></li>
<li><a href="#/realms/{{realm.realm}}/applications/{{application.name}}">{{application.name}}</a></li>
<li class="active">Installation</li>
</ol>
<h2>Application Installation</h2> <h2>Application Installation</h2>
<form class="form-horizontal" name="realmForm" novalidate> <form class="form-horizontal" name="realmForm" novalidate>
<fieldset> <fieldset>

2
admin-ui/src/main/resources/META-INF/resources/admin/partials/realm-create.html
View file

@ -1,7 +1,7 @@
<div class="bs-sidebar col-sm-3 "></div> <div class="bs-sidebar col-sm-3 "></div>
<div id="content-area" class="col-sm-9" role="main"> <div id="content-area" class="col-sm-9" role="main">
<div id="content"> <div id="content">
<h2>Add Realm</h2> <h2 class="margin-top">Add Realm</h2>
<form class="form-horizontal" name="realmForm" novalidate> <form class="form-horizontal" name="realmForm" novalidate>
<span class="fieldset-notice"><span class="required">*</span> Required fields</span> <span class="fieldset-notice"><span class="required">*</span> Required fields</span>

4
admin-ui/src/main/resources/META-INF/resources/admin/partials/realm-tokens.html
View file

@ -17,7 +17,7 @@
</div> </div>
</div> </div>
<div class="form-group input-select"> <div class="form-group input-select">
<label class="col-sm-2 control-label" for="centralLoginLifespan">Central Login lifespan</label> <label class="col-sm-2 control-label" for="centralLoginLifespan">Central Login Lifespan</label>
<div class="col-sm-10"> <div class="col-sm-10">
<div class="row"> <div class="row">
<div class="col-sm-2"> <div class="col-sm-2">
@ -37,7 +37,7 @@
</div> </div>
</div> </div>
<div class="form-group input-select"> <div class="form-group input-select">
<label class="col-sm-2 control-label" for="accessTokenLifespan">Access token lifespan</label> <label class="col-sm-2 control-label" for="accessTokenLifespan">Access Token Lifespan</label>
<div class="col-sm-10"> <div class="col-sm-10">
<div class="row"> <div class="row">
<div class="col-sm-2"> <div class="col-sm-2">