Merge pull request #2815 from myabc/feature/19574-QUICK-WIN-fieldset-styling
19574 Consolidate fieldset stylingpull/2825/head
Jan Sandbrink
10 years ago
commit
da83d1bef9
@ -1 +1,17 @@ |
||||
# Preview |
||||
|
||||
``` |
||||
<fieldset class="preview"> |
||||
<legend class="preview--legend">Preview - Description</legend> |
||||
<div class="wiki"> |
||||
<h2>An article that's still being written.</h2> |
||||
</div> |
||||
</fieldset> |
||||
``` |
||||
|
||||
``` |
||||
<fieldset class="preview"> |
||||
<legend class="preview--legend">Preview - Description</legend> |
||||
<span class="preview--nothing-to-preview">Nothing to preview</span> |
||||
</fieldset> |
||||
``` |
||||
|
||||
@ -0,0 +1,163 @@ |
||||
//-- copyright |
||||
// OpenProject is a project management system. |
||||
// Copyright (C) 2012-2015 the OpenProject Foundation (OPF) |
||||
// |
||||
// This program is free software; you can redistribute it and/or |
||||
// modify it under the terms of the GNU General Public License version 3. |
||||
// |
||||
// OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows: |
||||
// Copyright (C) 2006-2013 Jean-Philippe Lang |
||||
// Copyright (C) 2010-2013 the ChiliProject Team |
||||
// |
||||
// This program is free software; you can redistribute it and/or |
||||
// modify it under the terms of the GNU General Public License |
||||
// as published by the Free Software Foundation; either version 2 |
||||
// of the License, or (at your option) any later version. |
||||
// |
||||
// This program is distributed in the hope that it will be useful, |
||||
// but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
// GNU General Public License for more details. |
||||
// |
||||
// You should have received a copy of the GNU General Public License |
||||
// along with this program; if not, write to the Free Software |
||||
// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. |
||||
// |
||||
// See doc/COPYRIGHT.rdoc for more details. |
||||
//++ |
||||
|
||||
#content table { |
||||
&.issues td.center, th.center { |
||||
text-align: center; |
||||
} |
||||
} |
||||
|
||||
.contextual .new-element { |
||||
background: url("../images/add.png") no-repeat scroll 6px center transparent; |
||||
padding-left: 16px; |
||||
font-size: 11px; |
||||
} |
||||
|
||||
.timelines-contextual-fieldset { |
||||
float: right; |
||||
white-space: nowrap; |
||||
margin-right: 24px; |
||||
padding-left: 10px; |
||||
} |
||||
|
||||
.timelines-milestone, .timelines-phase { |
||||
border: 1px solid #000; |
||||
display: inline-block; |
||||
height: 12px; |
||||
width: 12px; |
||||
margin-bottom: -3px; |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
.timelines-milestone { |
||||
transform: rotate(45deg); |
||||
} |
||||
|
||||
.timelines-phase { |
||||
border-radius: 4px; |
||||
} |
||||
|
||||
.timelines-attributes { |
||||
th { |
||||
width: 17%; |
||||
} |
||||
td { |
||||
width: 33%; |
||||
} |
||||
} |
||||
|
||||
#content { |
||||
.meta table.timelines-attributes { |
||||
th, td { |
||||
padding-top: 0.5em; |
||||
padding-bottom: 0.5em; |
||||
} |
||||
} |
||||
table.timelines-rep { |
||||
width: 100%; |
||||
} |
||||
} |
||||
|
||||
table.timelines-dates { |
||||
width: 100%; |
||||
} |
||||
|
||||
#content table.timelines-dates th { |
||||
text-align: left; |
||||
padding-left: 1em; |
||||
padding-right: 1em; |
||||
} |
||||
|
||||
table.timelines-dates { |
||||
td { |
||||
padding: 1em; |
||||
} |
||||
tbody.timelines-current-dates td { |
||||
font-weight: bold; |
||||
height: 3em; |
||||
vertical-align: middle; |
||||
padding: 0 1em; |
||||
} |
||||
} |
||||
|
||||
#content table { |
||||
&.timelines-pt { |
||||
td, th { |
||||
border: 1px solid #E6E6E6; |
||||
padding: 6px; |
||||
position: relative; |
||||
text-align: left; |
||||
vertical-align: top; |
||||
} |
||||
} |
||||
&.timelines-pet { |
||||
td, th { |
||||
border: 1px solid #E6E6E6; |
||||
padding: 6px; |
||||
position: relative; |
||||
text-align: left; |
||||
vertical-align: top; |
||||
} |
||||
} |
||||
&.timelines-pt td { |
||||
&.timelines-pt-reorder, &.timelines-pt-allows_association, &.timelines-pt-actions { |
||||
width: 12%; |
||||
text-align: center; |
||||
} |
||||
} |
||||
&.timelines-pet td { |
||||
&.timelines-pet-color, &.timelines-pet-reorder, &.timelines-pet-is_default, &.timelines-pet-in_aggregation, &.timelines-pet-is_milestone, &.timelines-pet-actions { |
||||
width: 12%; |
||||
text-align: center; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.timelines-pet-properties { |
||||
margin-bottom: 1em; |
||||
p { |
||||
margin-left: 1em; |
||||
line-height: 2em; |
||||
} |
||||
label { |
||||
display: inline-block; |
||||
width: 10em; |
||||
} |
||||
} |
||||
|
||||
.timelines-color-properties-preview { |
||||
margin-left: -22px; |
||||
} |
||||
|
||||
.timelines-pet-properties .timelines-value { |
||||
margin-left: 0.4em; |
||||
} |
||||
|
||||
.contextual.timelines-for_previous_heading { |
||||
margin-top: -2.6em; |
||||
} |
||||
Loading…
Reference in new issue