fix: link-button - styles applied on the right elements
This commit is contained in:
parent
3649d000c2
commit
747783ad69
6
package-lock.json
generated
6
package-lock.json
generated
@ -1159,9 +1159,9 @@
|
||||
}
|
||||
},
|
||||
"@startinblox/hubl-styling-framework": {
|
||||
"version": "1.7.1",
|
||||
"resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.7.1.tgz",
|
||||
"integrity": "sha512-ypkeS8EJqVN7rETBxYUJRB6C+e06HksfZH9TLLgX6dwzw2G8RLdwzQGStj8Ev5/a/XGRYiY5yFcZ17cSNvRP2Q=="
|
||||
"version": "1.7.3",
|
||||
"resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.7.3.tgz",
|
||||
"integrity": "sha512-Rnw2ZDJDvWfFM+Rjz9Pm7/pUSElzUqrmHicmpm78SVeHd7qmC9NzBQYJ53/WwVV+FVd/IuSJEKbkwPd2ZcRgKg=="
|
||||
},
|
||||
"@types/q": {
|
||||
"version": "1.5.4",
|
||||
|
@ -45,7 +45,7 @@
|
||||
]
|
||||
},
|
||||
"dependencies": {
|
||||
"@startinblox/hubl-styling-framework": "^1.7.1",
|
||||
"@startinblox/hubl-styling-framework": "^1.7.3",
|
||||
"cross-env": "^7.0.3",
|
||||
"fs-extra": "^9.0.1",
|
||||
"normalize.css": "^8.0.1",
|
||||
|
@ -31,3 +31,27 @@ main#content {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
|
||||
/* Fix on Join button in admin (circles + projects) */
|
||||
/* Styles on buttons and .children-link don't work because this input is inside too many elements. */
|
||||
/* And no I can't add that stupid icon because it'a an input. */
|
||||
.join-button {
|
||||
|
||||
input {
|
||||
padding: 9px 20px;
|
||||
border-radius: 16.5px;
|
||||
height: 33px;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
background-color: var(--color-secondary);
|
||||
color: white;
|
||||
border: 1px solid var(--color-secondary);
|
||||
|
||||
&:hover {
|
||||
background: white;
|
||||
color: var(--color-secondary);
|
||||
}
|
||||
}
|
||||
}
|
@ -1,6 +1,6 @@
|
||||
div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey
|
||||
div.segment.half.sm-full
|
||||
h2.margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='circle.create.title')
|
||||
h2.margin-none.text-color-heading.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='circle.create.title')
|
||||
div.segment.half.sm-hidden.text-right
|
||||
solid-link(class="backlink", bind-resources, next='admin-circles' data-trans='circle.create.backlink')
|
||||
|
||||
|
@ -18,7 +18,7 @@ solid-widget(name='hubl-circle-owner')
|
||||
)
|
||||
|
||||
div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal
|
||||
h2.margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='circle.list.title')
|
||||
h2.margin-none.text-color-heading.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='circle.list.title')
|
||||
|
||||
div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-normal.whitespace-normal
|
||||
|
||||
@ -50,7 +50,7 @@ div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-normal.whitespac
|
||||
solid-widget(name='hubl-admin-circle-leave-button')
|
||||
template
|
||||
solid-delete(
|
||||
class='button text-xsmall text-bold text-uppercase color-secondary bordered'
|
||||
class='segment text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-color-secondary bordered'
|
||||
data-src="${src}"
|
||||
data-label=''
|
||||
data-trans='data-label=circle.list.buttonQuit'
|
||||
@ -86,7 +86,7 @@ div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-normal.whitespac
|
||||
solid-widget(name='hubl-admin-circle-join-button')
|
||||
template
|
||||
solid-form(
|
||||
class='button text-xsmall text-bold text-uppercase reversed color-secondary bordered icon icon-arrow-right-circle'
|
||||
class='join-button text-xsmall'
|
||||
data-src='${value}'
|
||||
|
||||
fields='user.username'
|
||||
|
@ -11,7 +11,7 @@ solid-widget(name='hubl-action-community')
|
||||
div.button.button-disabled(data-trans='communities.noPermission')
|
||||
|
||||
div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal
|
||||
h2.margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='communities.title')
|
||||
h2.margin-none.text-color-heading.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='communities.title')
|
||||
|
||||
div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
|
||||
|
||||
|
@ -1,6 +1,6 @@
|
||||
div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey
|
||||
div.segment.half.sm-full
|
||||
h2.margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='project.create.title')
|
||||
h2.margin-none.text-color-heading.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='project.create.title')
|
||||
div.segment.half.sm-hidden.text-right
|
||||
solid-link(class="backlink right", next='admin-projects' data-trans='project.create.backlink')
|
||||
|
||||
|
@ -1,5 +1,5 @@
|
||||
div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal
|
||||
h2.margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='project.list.title')
|
||||
h2.margin-none.text-color-heading.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='project.list.title')
|
||||
|
||||
div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
|
||||
|
||||
@ -26,7 +26,7 @@ div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespac
|
||||
solid-widget(name="hubl-admin-project-leave-button")
|
||||
template
|
||||
solid-delete(
|
||||
class='button text-xsmall text-bold text-uppercase color-secondary bordered'
|
||||
class='segment text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-color-secondary bordered'
|
||||
data-src="${src}"
|
||||
data-label=''
|
||||
data-trans='data-label=project.list.buttonQuit'
|
||||
|
@ -1,6 +1,6 @@
|
||||
div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.padding-large.border-bottom.border-color-grey
|
||||
div.segment.half.sm-full
|
||||
h2.margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='communities.title')
|
||||
h2.margin-none.text-color-heading.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='communities.title')
|
||||
div.segment.half.sm-hidden.text-right
|
||||
solid-link(class="backlink", bind-resources, next='admin-communities' data-trans='circle.create.backlink')
|
||||
|
||||
|
@ -19,7 +19,7 @@ div.segment.full.padding-large.whitespace-normal
|
||||
template
|
||||
solid-ac-checker(permission="acl:Delete", data-src="${src}")
|
||||
solid-delete(
|
||||
class='button text-xsmall text-bold text-uppercase color-secondary bordered'
|
||||
class='segment text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-color-secondary bordered'
|
||||
data-src="${src}"
|
||||
data-label=''
|
||||
data-trans='data-label=circle.edit.buttonDelete'
|
||||
|
@ -46,7 +46,7 @@ solid-router(default-route='circle-profile', hidden)
|
||||
|
||||
solid-ac-checker.segment.full.text-right.margin-bottom-large.sm-margin-bottom-medium(permission='acl:Delete', bind-resources)
|
||||
solid-delete(
|
||||
class='segment sm-full button text-xsmall text-bold text-uppercase text-uppercase text-center color-secondary bordered'
|
||||
class='segment sm-full text-xsmall text-center children-link-button children-link-text-bold children-link-text-uppercase children-link-color-secondary bordered'
|
||||
bind-resources
|
||||
data-label=''
|
||||
data-trans='data-label=circle.profile.buttonDelete'
|
||||
|
@ -23,7 +23,7 @@ div.segment.full.padding-large.whitespace-normal
|
||||
template
|
||||
solid-ac-checker(permission="acl:Delete", data-src="${src}")
|
||||
solid-delete(
|
||||
class='button text-xsmall text-bold text-uppercase color-secondary bordered'
|
||||
class='segment text-xsmall children-link-text-bold children-link-text-uppercase children-link-button children-link-color-secondary bordered'
|
||||
data-src="${src}"
|
||||
data-label=''
|
||||
data-trans='data-label=project.edit.buttonDelete'
|
||||
|
@ -52,7 +52,7 @@ solid-router(default-route='project-profile', hidden)
|
||||
|
||||
solid-ac-checker.segment.full.text-right.margin-bottom-large.sm-margin-bottom-medium(permission='acl:Delete', bind-resources)
|
||||
solid-delete(
|
||||
class='segment sm-full button text-xsmall text-bold text-uppercase text-center color-secondary bordered'
|
||||
class='segment sm-full children-link-button text-xsmall text-center children-link-text-bold children-link-text-uppercase children-link-color-secondary bordered'
|
||||
bind-resources
|
||||
data-label=''
|
||||
data-trans='data-label=project.profile.buttonDelete'
|
||||
|
Loading…
Reference in New Issue
Block a user