Commit e9133840 authored by Liam's avatar Liam Committed by Rebecca Blundell
Browse files

Bug #1765276: changed more panels to cards and card-heading to card-headers.

Lots of changes to cards, list-group-items, and buttons

behatnotneeded

Change-Id: I779967169fc0fffd61c0430f1c145e196bc87abd
parent 74fbb297
......@@ -146,7 +146,7 @@ unset($prefs);
$form = pieform(array(
'name' => 'adduser',
'class' => 'panel panel-default panel-body',
'class' => 'card card-body',
'autofocus' => false,
'template' => 'adduser.php',
'templatedir' => pieform_template_dir('adduser.php'),
......
......@@ -55,7 +55,7 @@ class PluginBlocktypeInternalmedia extends MaharaCoreBlocktype {
return get_string('typeremoved', 'blocktype.file/internalmedia');
}
$result = '<div class="mediaplayer-container panel-body flush"><div class="mediaplayer">';
$result = '<div class="mediaplayer-container card-body flush"><div class="mediaplayer">';
$result .= call_static_method($playerclass, 'get_html', $artefact, $instance, $width, $height);
// File download link
......
......@@ -423,7 +423,7 @@ function saml_auth_generate_login_form() {
'value' => get_string('login')
),
'register' => array(
'value' => '<div id="login-helplinks" class="panel-footer"><small>' . $registerlink
'value' => '<div id="login-helplinks" class="card-footer"><small>' . $registerlink
. '<a href="' . get_config('wwwroot') . 'forgotpass.php">' . get_string('lostusernamepassword') . '</a></small></div>'
),
'loginsaml' => array(
......
......@@ -19,7 +19,7 @@ jQuery(function($) {
$(blocks[i]).load(baseurl + "blocktype/blocktype.ajax.php?blockid="+ id, function(){
if ($(this).is(':empty')){
$(this).closest('.panel').addClass('d-none');
$(this).closest('.card').addClass('d-none');
}
if (config.mathjax && MathJax !== undefined) {
MathJax.Hub.Queue(["Typeset", MathJax.Hub, blocks.get(i)]);
......
......@@ -30,7 +30,7 @@ $classname = 'Framework';
$form = $framework->get_framework_config_options();
if (!array_key_exists('class', $form)) {
$form['class'] = 'panel panel-body';
$form['class'] = 'card card-body';
}
$form['name'] = 'frameworkconfig';
......
.card.collapsible {
> .card-header, .card-heading-nested {
> .card-header, .card-header-nested {
border-bottom: 0;
> a.outer-link {
......
......@@ -40,7 +40,7 @@
.card.collapsible {
.card-heading-nested,
.card-header-nested,
.card-header {
> a.outer-link {
border-color: #ddd;
......
......@@ -5,7 +5,7 @@
background-color: transparent;
&.card-warning {
> .card-header, .card-heading-nested {
> .card-header, .card-header-nested {
border-left: 0;
}
}
......@@ -25,7 +25,7 @@
}
// removing left/right padding in card headings
.card-heading-nested,
.card-header-nested,
> .card-header {
padding-left: 0;
padding-right: 0;
......
......@@ -108,6 +108,6 @@ $card-footer-bg: #f0f5ea;
$card-header-bg: #fff;
$card-border: #d9d9d9;
$card-heading-bg: #FFFFFF;
$card-header-bg: #FFFFFF;
$card-secondary-heading-bg: darken($card-heading-bg, 2%);
$card-secondary-heading-bg: darken($card-header-bg, 2%);
......@@ -131,7 +131,7 @@ $card-footer-bg: #f5f5f5;
$card-text: $gray-700;
$card-border: #ddd;
$card-heading-bg: #f9f9f9;
$card-header-bg: #f9f9f9;
$card-primary-text: $gray-700;
$card-primary-border: #ddd;
......@@ -139,7 +139,7 @@ $card-primary-heading-bg: #fff;
$card-secondary-text: $primary;
$card-secondary-border: $primary;
$card-secondary-heading-bg: darken($card-heading-bg, 2%);
$card-secondary-heading-bg: darken($card-header-bg, 2%);
$card-success-text: $state-success-text;
$card-success-border: $state-success-border;
......
......@@ -171,7 +171,7 @@ jQuery(function($) {
notificationList.html(data.data.html);
}
else if (self) {
$(self).removeClass('panel-primary js-panel-unread').addClass('panel-default');
$(self).removeClass('panel-primary js-panel-unread').addClass('card');
$(self).find('.control').removeClass('control');
}
$('#selectall').attr('checked', false); // Need to uncheck bulk checkbox
......@@ -194,12 +194,12 @@ jQuery(function($) {
function attachNotificationEvents() {
// Add warning class to all selected notifications
$('.panel .control input').on('change', function() {
$('.card .control input').on('change', function() {
if ($(this).prop('checked')) {
$(this).closest('.panel').addClass('panel-warning');
$(this).closest('.card').addClass('card-warning');
}
else {
$(this).closest('.panel').removeClass('panel-warning');
$(this).closest('.card').removeClass('card-warning');
}
});
......
......@@ -3,7 +3,7 @@ echo $form_tag;
?>
<div class="card-items card-items-no-margin">
<div class="step step1 card card first" id="step1">
<div class="step step1 card first" id="step1">
<h3 class="card-header"><?php echo get_string('usercreationmethod', 'admin'); ?></h3>
<div class="card-body">
<div class="choice">
......@@ -37,7 +37,7 @@ echo $form_tag;
</div>
<div class="step step2 card card">
<div class="step step2 card">
<h3 class="card-header"><?php echo get_string('basicdetails', 'admin'); ?></h3>
<div class="card-body">
<?php foreach (array('username', 'password', 'staff', 'admin', 'authinstance', 'quota', 'institutionadmin') as $field) { ?>
......@@ -60,7 +60,7 @@ echo $form_tag;
</div>
</div>
<div class="step step3 card card">
<div class="step step3 card">
<h3 class="card-header"><?php echo get_string('create', 'admin'); ?></h3>
<div class="card-body">
<!-- Button trigger modal -->
......
......@@ -69,7 +69,7 @@
</p>
{if $post->files}
<div class="has-attachment card card collapsible" id="postfiles_{$post->id}">
<div class="has-attachment card collapsible" id="postfiles_{$post->id}">
<h5 class="card-header has-link">
<a class="text-left collapsed" data-toggle="collapse" href="#attach_{$post->id}" aria-expanded="false">
<span class="icon left icon-paperclip" role="presentation" aria-hidden="true"></span>
......
<div class="has-attachment card card collapsible">
<h3 class="card-heading">
<div class="has-attachment card collapsible">
<h3 class="card-header">
<a class="text-left collapsed" aria-expanded="false" href="#blog-attach-{$postid}" data-toggle="collapse">
<span class="icon left icon-paperclip" role="presentation" aria-hidden="true"></span>
......@@ -40,4 +40,3 @@
</ul>
</div>
</div>
......@@ -27,8 +27,8 @@
</div>
{if $post->files}
<div class="has-attachment card card collapsible" id="blockpostfiles-{$post->id}">
<h5 class="card-heading">
<div class="has-attachment card collapsible" id="blockpostfiles-{$post->id}">
<h5 class="card-header">
<a class="text-left collapsed" data-toggle="collapse" href="#post-attach-{$post->id}" aria-expanded="false">
<span class="icon icon-paperclip left" role="presentation" aria-hidden="true"></span>
<span class="text-small"> {str tag=attachedfiles section=artefact.blog} </span>
......
......@@ -94,8 +94,8 @@
{if !$item->deletedmessage && $item->attachments}
<div class="comment-attachment">
<div class="card card has-attachment collapsible">
<h4 class="card-heading">
<div class="card has-attachment collapsible">
<h4 class="card-header">
<a class="collapsible collapsed" aria-expanded="false" href="#attachments_{$item->id}" data-toggle="collapse">
<span class="icon left icon-paperclip" role="presentation" aria-hidden="true"></span>
<span class="text-small">{str tag=Attachments section=artefact.comment} ({$item->filescount})</span>
......
......@@ -54,7 +54,7 @@
{/if}
{if $config.upload}
<div id="{$prefix}_upload_container" class="clearfix {if $config.selectone || $config.selectmodal} card-fake{else} card card fileupload {/if} {if ($tabs && !$tabs.upload) || $uploaddisabled} d-none{/if}">
<div id="{$prefix}_upload_container" class="clearfix {if $config.selectone || $config.selectmodal} card-fake{else} card fileupload {/if} {if ($tabs && !$tabs.upload) || $uploaddisabled} d-none{/if}">
{* config.uploadagreement: disable the file chooser unless the agreement is checked *}
{* config.simpleupload: the form only contains a file chooser *}
{* config.submitbutton: add submit button even if js is enabled & don't start uploading as soon as a file is chosen *}
......
......@@ -10,8 +10,8 @@
{if $attachments}
{* @TODO: this could probably be a reusable template *}
<div class="has-attachment card card collapsible">
<h4 class="card-heading">
<div class="has-attachment card collapsible">
<h4 class="card-header">
<a class="text-left collapsed" aria-expanded="false" href="#note-attach-{$blockid}" data-toggle="collapse">
<span class="icon icon-paperclip left" role="presentation" aria-hidden="true"></span>
......
{include file="header.tpl"}
<div class="card card bg-danger view-description">
<div class="card bg-danger view-description">
<h2 class="card-header">{$subheading}</h2>
<div class="card-body">
<p>{$message}</p>
......
{if $controls}
<div class="card card">
<div class="card">
{if !$hidetitle}
<h3 class="resumeh3 card-header">
{str tag='book' section='artefact.resume'}
......
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