Add .button-link class

This commit is contained in:
Giuseppe Criscione 2018-07-24 00:14:56 +02:00
parent 3b983e056a
commit e6a5b8ec04
9 changed files with 47 additions and 100 deletions

View File

@ -754,6 +754,22 @@ a.button {
background-color: #d52d1a;
color: #fff; }
.button-link {
border: 0;
border-radius: 0;
background-color: transparent;
font-size: 1rem;
cursor: pointer; }
.button-link:hover, .button-link:focus {
background-color: transparent; }
.button-link:hover {
color: #3498da; }
.button-link:focus {
box-shadow: none; }
.button-link[disabled], .button-link[disabled]:hover {
background-color: transparent;
cursor: default; }
.button-right {
float: right;
margin-right: 0;
@ -1279,22 +1295,7 @@ a.button {
.file-actions button,
.file-actions .button {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background-color: transparent;
font-size: 1rem;
cursor: pointer; }
.file-actions button:focus,
.file-actions .button:focus {
box-shadow: none; }
.file-actions button:hover,
.file-actions .button:hover {
box-shadow: none;
color: #3498da; }
margin: 0; }
.custom-checkbox {
position: absolute;
@ -1918,21 +1919,7 @@ label {
.page-actions button,
.page-actions .button {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background-color: transparent;
font-size: 1rem;
cursor: pointer; }
.page-actions button:focus,
.page-actions .button:focus {
box-shadow: none; }
.page-actions button:hover,
.page-actions .button:hover {
color: #3498da; }
margin: 0; }
.page-search {
padding-right: 1.5rem;
@ -2241,21 +2228,7 @@ ul {
.user-actions button,
.user-actions .button {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background-color: transparent;
font-size: 1rem;
cursor: pointer; }
.user-actions button:focus,
.user-actions .button:focus {
box-shadow: none; }
.user-actions button:hover,
.user-actions .button:hover {
color: #3498da; }
margin: 0; }
/* vietnamese */
@font-face {

File diff suppressed because one or more lines are too long

View File

@ -87,6 +87,29 @@ a.button {
}
}
.button-link {
border: 0;
border-radius: 0;
background-color: transparent;
font-size: 1rem;
cursor: pointer;
&:hover,
&:focus {
background-color: transparent;
}
&:hover {
color: $color-accent;
}
&:focus {
box-shadow: none;
}
&[disabled],
&[disabled]:hover {
background-color: transparent;
cursor: default;
}
}
.button-right {
float: right;
margin-right: 0;

View File

@ -68,21 +68,4 @@
.file-actions button,
.file-actions .button {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background-color: transparent;
font-size: 1rem;
cursor: pointer;
}
.file-actions button:focus,
.file-actions .button:focus {
box-shadow: none;
}
.file-actions button:hover,
.file-actions .button:hover {
box-shadow: none;
color: $color-accent;
}

View File

@ -141,22 +141,6 @@
.page-actions button,
.page-actions .button {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background-color: transparent;
font-size: 1rem;
cursor: pointer;
}
.page-actions button:focus,
.page-actions .button:focus {
box-shadow: none;
}
.page-actions button:hover,
.page-actions .button:hover {
color: $color-accent;
}
.page-search {

View File

@ -69,20 +69,4 @@
.user-actions button,
.user-actions .button {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background-color: transparent;
font-size: 1rem;
cursor: pointer;
}
.user-actions button:focus,
.user-actions .button:focus {
box-shadow: none;
}
.user-actions button:hover,
.user-actions .button:hover {
color: $color-accent;
}

View File

@ -50,8 +50,8 @@
<div class="files-item">
<div class="files-item-cell file-name <?= is_null($file->type()) ? '' : 'file-type-' . $file->type() ?>"><?= $file->name() ?></div>
<div class="files-item-cell file-actions">
<a class="button" href="<?= $this->pageUri($page) . $file->name() ?>" target="_blank" title="<?= $this->label('pages.preview-file') ?>"><i class="i-eye"></i></a>
<button type="button" data-modal="deleteFileModal" data-modal-action="<?= $this->uri('/pages/' . trim($page->slug(), '/') . '/file/' . $file->name() . '/delete/') ?>" title="<?= $this->label('pages.delete-file') ?>">
<a class="button button-link" href="<?= $this->pageUri($page) . $file->name() ?>" target="_blank" title="<?= $this->label('pages.preview-file') ?>"><i class="i-eye"></i></a>
<button class="button-link" type="button" data-modal="deleteFileModal" data-modal-action="<?= $this->uri('/pages/' . trim($page->slug(), '/') . '/file/' . $file->name() . '/delete/') ?>" title="<?= $this->label('pages.delete-file') ?>">
<i class="i-trash"></i>
</button>
</div>

View File

@ -31,7 +31,7 @@
<?php
if ($page->isDeletable()):
?>
<button data-modal="deletePageModal" data-modal-action="<?= $this->uri('/pages/' . trim($page->slug(), '/') . '/delete/') ?>" title="<?= $this->label('pages.delete-page') ?>"><i class="i-trash"></i></button>
<button class="button-link" data-modal="deletePageModal" data-modal-action="<?= $this->uri('/pages/' . trim($page->slug(), '/') . '/delete/') ?>" title="<?= $this->label('pages.delete-page') ?>"><i class="i-trash"></i></button>
<?php
endif;
?>

View File

@ -17,7 +17,7 @@
<?php
if (!$user->logged()):
?>
<button data-modal="deleteUserModal" data-modal-action="<?= $this->uri('/users/' . $user->username() . '/delete/') ?>" title="<?= $this->label('users.delete-user') ?>"><i class="i-trash"></i></button>
<button class="button-link" data-modal="deleteUserModal" data-modal-action="<?= $this->uri('/users/' . $user->username() . '/delete/') ?>" title="<?= $this->label('users.delete-user') ?>"><i class="i-trash"></i></button>
<?php
endif;
?>