Commit 4b6089ca authored by Evonne's avatar Evonne Committed by Robert Lyon

Bug 1868613 Review of CSS etc. to prepare for the design freeze

Small bits of tidy up and alignment in raw.

behatnotneeded

Change-Id: Ia72cc25e42e768256d1f35283d5493565f89ff52
parent 1048c9b8
......@@ -136,7 +136,7 @@
<div class="validfiletypes">
<span class="label">{str tag='validfiletypes' section='artefact.file'}</span>
{foreach from=$validfiletypes item=itype name=loopidx}
.<span>{$itype}</span>
<span>.{$itype}</span>
{/foreach}
</div>
{/if}
......
<div id="wall" class="wall">
<div id="wall" class="wall list-group">
{if $wallmessage}
<div class="card-body lead text-small text-center">{$wallmessage}</div>
{/if}
......
......@@ -441,7 +441,7 @@ div.toolbarhtml {
}
.viewinstruction-export {
border: 1px solid $card-border-color;
padding: 10px 15px;
padding: $card-spacer-y $card-spacer-x;
margin-bottom: -1px; //remove double border
background-color: $gray-100 !important;
}
......@@ -541,10 +541,11 @@ div.toolbarhtml {
}
.validfiletypes {
border: 1px solid $card-border-color;
margin: 15px;
padding: 5px;
background-color: #F8F4F6; /* $theme-accent-color for rangaranga */
margin: 15px 15px 0 15px;
padding: $card-spacer-y $card-spacer-x;
background-color: scale-color($gray-100, $lightness: 35%);
border-radius: $border-radius;
font-size: $font-size-sm;
span {
padding-right: 3px;
......@@ -559,12 +560,16 @@ div.toolbarhtml {
max-width: 420px;
}
.activegrouplabels.noresults form .form-group {
padding: $card-spacer-y $card-spacer-x;
border-bottom: 1px solid $input-border-color;
}
.activegrouplabels {
background-color: scale-color($gray-100, $lightness: 35%);
form .form-group {
border-bottom: 0;
padding: 0;
}
.activegrouplabels form .form-group {
border-bottom: 0;
padding: 0;
}
\ No newline at end of file
&.noresults form .form-group {
padding: $card-spacer-y $card-spacer-x;
border-bottom: 1px solid $input-border-color;
}
}
......@@ -23,6 +23,9 @@
&.focus {
background-color: scale-color($btn-primary-bg, $lightness: -10.05);
}
&.btn-sm {
border-color: $btn-primary-border;
}
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
......@@ -547,3 +550,20 @@ a[type="submit"],
.connections button {
margin-top: 10px;
}
// left/right vertical buttons
.lrbuttons .btn-group-vertical {
> .btn:not(:last-child):not(.dropdown-toggle).rightarrow {
border-top-right-radius: $btn-border-radius;
}
> .btn:not(:first-child).leftarrow {
border-bottom-left-radius: $btn-border-radius;
margin-left: 0;
}
}
// admin people search button alignment
.form-inline .admin-user-search .form-group.no-label {
vertical-align: text-bottom;
top: -5px;
}
......@@ -65,6 +65,10 @@ div.help {
.help-dismiss {
font-size: $font-size-base * 1.14285;
color: $gray-500;
.icon-times {
margin-top: 9px;
}
}
h3 {
......
......@@ -379,7 +379,7 @@
&:before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom: 7px solid $gray-200;
border-bottom-color: rgba(0, 0, 0, 0.2);
top: -7px;
left: 7px;
......@@ -396,7 +396,7 @@
&:before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #ccc;
border-top: 7px solid $gray-200;
border-top-color: rgba(0, 0, 0, 0.2);
bottom: -7px;
left: 6px;
......
......@@ -102,4 +102,15 @@
background-color: $state-submitted-bg;
border: 1px solid $state-submitted-border;
color: $state-submitted-text;
padding-left: 1.25rem;
}
// people search when noone is selected and edit button is pressed
#nousersselected {
margin-top: 1rem;
}
// alerts in list-group-item like plugin administration
.list-group-item .alert {
margin: .5rem 0 0 0;
}
......@@ -145,6 +145,7 @@
.dropdown-menu {
z-index: 10;
padding: 0;
> li {
padding: 3px 0;
> a {
......@@ -172,6 +173,15 @@
.dropdown-item {
padding: 0;
a {
padding: $dropdown-item-padding-y $dropdown-item-padding-x;
display: block;
&:hover,
&:focus {
text-decoration: none;
}
}
}
.card-footer {
......
......@@ -258,7 +258,7 @@ textarea.resizable {
}
.form-control:disabled {
color: #aaa;
color: $gray-300;
}
.form-message-inline {
......
......@@ -69,6 +69,10 @@ body {
.viewfooter {
clear: both;
margin-top: 2rem;
#releaseview_submit_container {
margin-left: 1rem;
}
}
// Needed to clear the float when dropzone is visible
......@@ -299,3 +303,7 @@ body {
}
}
}
.last-updated {
margin: 1rem 0 0 0;
}
......@@ -37,7 +37,6 @@ td.tiny {
font-weight: 300;
}
.allnone-toggles {
width: 81px;
.btn-sm {
font-size: $font-size-base * 0.715;
}
......
......@@ -377,3 +377,8 @@ pre {
body#tinymce {
margin: 8px;
}
//font list list group item title
#fontlist h2.title {
margin-top: 0;
}
......@@ -12,7 +12,7 @@
{/if}
</div>
</div>
<div class="metadata text-right">
<div class="metadata text-right last-updated">
{$lastupdatedstr}{if $visitstring}; {$visitstring}{/if}
</div>
{include file="footer.tpl"}
......@@ -10,16 +10,16 @@
<span class="sr-only">{str tag="moreoptions"}</span>
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu">
<li>
<a href="{$WWWROOT}skin/import.php{if $siteskins}?site=1{/if}" class="btn btn-link" type="submit">
<span class="icon icon-upload icon-lg left" role="presentation" aria-hidden="true"></span>
{str tag=importskinsmenu section=skin}
<li class="dropdown-item">
<a href="{$WWWROOT}skin/import.php{if $siteskins}?site=1{/if}" type="submit">
<span class="icon icon-upload left" role="presentation" aria-hidden="true"></span>
<span class="link-text">{str tag=importskinsmenu section=skin}</span>
</a>
</li>
<li>
<a href="{$WWWROOT}skin/export.php{if $siteskins}?site=1{/if}" class="btn btn-link" type="submit">
<span class="icon icon-download icon-lg left" role="presentation" aria-hidden="true"></span>
{str tag=exportskinsmenu section=skin}
<li class="dropdown-item">
<a href="{$WWWROOT}skin/export.php{if $siteskins}?site=1{/if}" type="submit">
<span class="icon icon-download left" role="presentation" aria-hidden="true"></span>
<span class="link-text">{str tag=exportskinsmenu section=skin}</span>
</a>
</li>
</ul>
......
......@@ -167,7 +167,7 @@
</div>
</div>
<div class="metadata text-right">
<div class="metadata text-right last-updated">
{$lastupdatedstr}{if $visitstring}; {$visitstring}{/if}
</div>
......
Markdown is supported
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