Commit e819a27b authored by Agami4's avatar Agami4
Browse files

Issue #3203872 by agami4: Improve accordion and url alias elements

parent e1c625ec
......@@ -25,6 +25,10 @@
font-size: 1rem;
}
summary.card__title {
padding-bottom: 15px;
}
.card__subtitle {
font-size: 0.75rem;
display: block;
......
......@@ -47,7 +47,10 @@
}
.input-group-addon {
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
padding: 6px 12px;
font-size: 16px;
font-weight: normal;
......@@ -55,6 +58,17 @@
text-align: center;
}
.input-group.input-group-expanded .input-group-addon {
padding: .75rem .5rem .75rem 1.25rem;
font-size: .875rem;
line-height: 21px;
}
.input-group.input-group-expanded .input-group-addon + .form-control {
max-width: 240px;
height: 48px;
}
.input-group-addon:first-child {
border-right: 0;
}
......@@ -79,6 +93,7 @@
max-width: none;
}
.form-disabled .input-group-addon {
background-color: #fff;
.form-disabled .input-group.input-group-expanded,
.form-disabled .input-group.input-group-expanded + .help-block {
opacity: .5;
}
......@@ -71,6 +71,11 @@
font-size: 1rem;
}
// The card title on the summary collapse block.
summary.card__title {
padding-bottom: 15px;
}
.card__subtitle {
font-size: 0.75rem;
display: block;
......
......@@ -70,6 +70,19 @@
text-align: center;
}
.input-group.input-group-expanded {
.input-group-addon {
padding: .75rem .5rem .75rem 1.25rem;
font-size: .875rem;
line-height: 21px;
+ .form-control {
max-width: 240px;
height: 48px;
}
}
}
.input-group-addon:first-child {
border-right: 0;
}
......@@ -93,6 +106,9 @@
max-width: none;
}
.form-disabled .input-group-addon {
background-color: #fff;
.form-disabled {
.input-group.input-group-expanded,
.input-group.input-group-expanded + .help-block {
opacity: .5;
}
}
\ No newline at end of file
......@@ -26,9 +26,10 @@
]
%}
{{ attach_library('socialbase/form--input-groups') }}
{% spaceless %}
{% if input_group %}
{{ attach_library('socialbase/form--input-groups') }}
<div class="input-group">
{% endif %}
......
......@@ -18,7 +18,7 @@
#}
<details{{ attributes.removeAttribute('open').addClass('form-horizontal form-item js-form-item form-wrapper js-form-wrapper card panel panel-default') }}>
{%- if title -%}
<summary{{ summary_attributes.addClass('card__title card__title--underline') }}>
<summary{{ summary_attributes.addClass('card__title') }}>
{{ title }}
</summary>
{%- endif -%}
......
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