Browse Source

created dtp-link-button to render them with our own style

pull/1/head
Rob Colbert 3 years ago
parent
commit
13ff4b6350
  1. 2
      app/views/components/page-sidebar.pug
  2. 2
      app/views/link/components/list-item.pug
  3. 2
      app/views/profile/home.pug
  4. 23
      client/less/site/button.less

2
app/views/components/page-sidebar.pug

@ -1,6 +1,6 @@
mixin renderSidebarLink (link)
form(method="POST", action=`/link/visit/${link._id}`).uk-form.uk-display-block.uk-width-1-1
button(type="submit").uk-button.dtp-button-secondary.uk-display-block.uk-border-rounded.uk-width-1-1= link.label
button(type="submit").dtp-link-button.uk-display-block.uk-border-rounded.uk-width-1-1= link.label
.uk-text-small.uk-text-center.uk-text-muted
a(href=`/${link.user.username}`).uk-link-reset= link.user.displayName || link.user.username

2
app/views/link/components/list-item.pug

@ -6,7 +6,7 @@ mixin renderLinksListItem (link)
i.fas.fa-grip-lines
.uk-width-expand
a(href= link.href).uk-button.dtp-button-primary.uk-button-small.uk-border-rounded= link.label
a(href= link.href).dtp-link-button.uk-border-rounded= link.label
.uk-width-auto
button(type="button", uk-toggle={ target: `#link-editor-${link._id}` }).uk-button.dtp-button-default.uk-button-small.uk-border-rounded

2
app/views/profile/home.pug

@ -6,7 +6,7 @@ block content
each link in links
li
form(method="POST", action=`/link/visit/${link._id}`).uk-form.uk-display-block.uk-width-1-1
button(type="submit").uk-button.dtp-button-primary.uk-display-block.uk-border-rounded.uk-width-1-1= link.label
button(type="submit").dtp-link-button.uk-display-block.uk-border-rounded.uk-width-1-1= link.label
block dtp-navbar
block dtp-off-canvas

23
client/less/site/button.less

@ -1,3 +1,24 @@
button.dtp-link-button,
a.dtp-link-button {
display: inline-block;
padding: 6px;
line-height: 18px;
font-size: 14px;
text-transform: uppercase;
background: none;
outline: none;
border: solid 2px #1e87f0;
color: #c8c8c8;
transition: background-color 0.2s;
&:hover {
background-color: #1e87f0;
}
}
.share-button {
background: #00d178;
color: white;
@ -95,8 +116,6 @@ button.uk-button.dtp-button-primary {
}
}
a.uk-button.dtp-button-secondary,
button.uk-button.dtp-button-secondary {
background: none;

Loading…
Cancel
Save