patch: classes added to button[type='submit']

This commit is contained in:
gaelle morin 2021-05-12 20:30:08 +02:00
parent 3092e1571f
commit 17a83bc2b1
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
18 changed files with 75 additions and 56 deletions

6
package-lock.json generated
View File

@ -1615,9 +1615,9 @@
} }
}, },
"@startinblox/hubl-styling-framework": { "@startinblox/hubl-styling-framework": {
"version": "1.9.0", "version": "1.9.4",
"resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.9.0.tgz", "resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.9.4.tgz",
"integrity": "sha512-2LDouqJcJUEX7fAsvRx/FO6i6eJWcYlA3yln5NB72W3+sZBL2F6E8yelzu60G3sbwX2EcwxxPLhAgd0sCaQsjQ==" "integrity": "sha512-iDpCn5yxkalrJ1/5Bc4x0sDYafr83JdpTugIPqDiNeNeMwi/R0QYTYRmLME8ZSZQSQ1n0/1TmhwbP/gjT9lQ4A=="
}, },
"@types/q": { "@types/q": {
"version": "1.5.4", "version": "1.5.4",

View File

@ -57,7 +57,7 @@
"clearDist": false "clearDist": false
}, },
"dependencies": { "dependencies": {
"@startinblox/hubl-styling-framework": "^1.9.0", "@startinblox/hubl-styling-framework": "^1.9.4",
"cross-env": "^7.0.3", "cross-env": "^7.0.3",
"fs-extra": "^9.0.1", "fs-extra": "^9.0.1",
"normalize.css": "^8.0.1", "normalize.css": "^8.0.1",

View File

@ -57,36 +57,6 @@
} }
} }
.form.search-button :not(.add-member)+button[type=submit] {
background-color: transparent;
border: 1px solid var(--color-secondary);
color: var(--color-secondary);
&:hover {
background-color: var(--color-secondary);
color: #fff;
}
&:before {
font-size: 15px;
margin-right: 6px;
content: "\e079";
font-family: simple-line-icons;
font-style: normal;
font-weight: 400;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 13px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
}
.masonry>div:nth-child(1) { .masonry>div:nth-child(1) {
/* change from directory (nth-child(2))*/ /* change from directory (nth-child(2))*/
display: flex !important; display: flex !important;

View File

@ -1,4 +1,4 @@
.search-form { /*.search-form {
[type="submit"] { [type="submit"] {
margin-bottom: 20px; margin-bottom: 20px;
@media (min-width: 768.01px) { @media (min-width: 768.01px) {
@ -7,4 +7,4 @@
margin-top: 0 !important; margin-top: 0 !important;
} }
} }
} }*/

View File

@ -103,4 +103,39 @@ hubl-menu-empty+hubl-menu-empty {
&:hover { &:hover {
text-decoration: none; text-decoration: none;
} }
} }
.submit-button {
float: right;
margin-top: 10px;
button {
line-height: 1;
@media (max-width: 768px) {
width: 100%;
}
}
}
.search-button {
button {
line-height: 1;
@media (max-width: 768px) {
margin-bottom: 20px;
width: 100%;
}
}
}
.add-member-button {
button[type='submit'] {
@media (max-width: 768px) {
width: 100%;
}
}
}

View File

@ -10,6 +10,10 @@
font-size: 12px; font-size: 12px;
line-height: 14px; line-height: 14px;
border-radius: 16.5px; border-radius: 16.5px;
@media (max-width: 768px) {
width: 100%;
}
} }
button:hover { button:hover {
background-color: var(--color-secondary); background-color: var(--color-secondary);
@ -20,6 +24,7 @@
display: table-row; display: table-row;
border-bottom: 1px solid #C9C8C8; border-bottom: 1px solid #C9C8C8;
border-right: 1px solid #C9C8C8; border-right: 1px solid #C9C8C8;
text-align: center;
.segment.table-cell { .segment.table-cell {
border-bottom: 1px solid #C9C8C8; border-bottom: 1px solid #C9C8C8;
border-right: 1px solid #C9C8C8; border-right: 1px solid #C9C8C8;
@ -27,15 +32,7 @@
padding: 10px; padding: 10px;
} }
[type="submit"] { [type="submit"] {
float: none;
display: flex;
margin: 19px auto; margin: 19px auto;
color: var(--color-secondary);
background-color: white;
}
[type="submit"]:hover {
background-color: var(--color-secondary);
color: white;
} }
} }
#projects-information .display-businessprovider { #projects-information .display-businessprovider {

View File

@ -59,5 +59,7 @@ div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespac
submit-button='' submit-button=''
submit-widget="button" submit-widget="button"
class-submit-button="submit-button segment sm-full margin-top-xsmall text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-reversed color-secondary bordered children-icon-rocket children-icon-small children-icon-margin-right-xsmall"
data-trans='label-user.first_name=user.create.labelFirstname;label-user.last_name=user.create.labelLastname;label-user.username=user.create.labelUsername;label-user.email=user.create.labelEmail;submit-button=user.create.buttonSubmit' data-trans='label-user.first_name=user.create.labelFirstname;label-user.last_name=user.create.labelLastname;label-user.username=user.create.labelUsername;label-user.email=user.create.labelEmail;submit-button=user.create.buttonSubmit'
) )

View File

@ -17,6 +17,7 @@ div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespac
class-cell1="segment margin-bottom-medium third sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading" class-cell1="segment margin-bottom-medium third sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
submit-button="" submit-button=""
submit-widget="button" submit-widget="button"
class-submit-button="search-button segment sm-full text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-reversed color-secondary bordered children-icon-arrow-right-circle children-icon-small children-icon-margin-right-xsmall"
data-trans='label-cell1=communities.searchBy;submit-button=goButton' data-trans='label-cell1=communities.searchBy;submit-button=goButton'
) )

View File

@ -53,6 +53,7 @@ div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespac
submit-button='' submit-button=''
submit-widget="button" submit-widget="button"
class-submit-button="submit-button segment sm-full margin-top-xsmall text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-reversed color-secondary bordered children-icon-rocket children-icon-small children-icon-margin-right-xsmall"
data-trans='enum-status=hublStatus;label-status=circle.create.labelStatus;label-community.community=circle.create.labelCommunity;label-name=circle.create.labelName;label-description=circle.create.labelDescription;submit-button=circle.create.buttonSubmit;label-subtitle=circle.create.labelSubtitle;label-help=circle.create.descriptionHelp' data-trans='enum-status=hublStatus;label-status=circle.create.labelStatus;label-community.community=circle.create.labelCommunity;label-name=circle.create.labelName;label-description=circle.create.labelDescription;submit-button=circle.create.buttonSubmit;label-subtitle=circle.create.labelSubtitle;label-help=circle.create.descriptionHelp'
) )

View File

@ -23,15 +23,16 @@ div.segment.full.padding-large.padding-top-medium.padding-bottom-xsmall.sm-paddi
data-trans='circle.list.buttonCreate' data-trans='circle.list.buttonCreate'
) )
solid-form-search.form.search-form.search-button( solid-form-search.form.search-form(
id=`admin-circle-filter-${page}` id=`admin-circle-filter-${page}`
fields='searchname' fields='searchname'
search-searchname='name, circle.name' search-searchname='name, circle.name'
label-searchname='' label-searchname=''
widget-searchname='solid-form-label-text' widget-searchname='solid-form-label-text'
class-searchname="segment margin-bottom-medium sm-margin-bottom-none third sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading" class-searchname="segment margin-bottom-medium margin-bottom-medium third sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
submit-button="" submit-button=""
submit-widget="button" submit-widget="button"
class-submit-button="search-button segment sm-full text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-color-secondary bordered children-icon-arrow-right-circle children-icon-small children-icon-margin-right-xsmall"
data-trans='label-searchname=circle.list.searchBy;submit-button=circle.list.searchButton' data-trans='label-searchname=circle.list.searchBy;submit-button=circle.list.searchButton'
) )

View File

@ -54,6 +54,8 @@ div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespac
submit-button='' submit-button=''
submit-widget="button" submit-widget="button"
class-submit-button="submit-button segment sm-full margin-top-xsmall text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-reversed color-secondary bordered children-icon-rocket children-icon-small children-icon-margin-right-xsmall"
next=getRoute('projects', true) next=getRoute('projects', true)
data-trans='label-status=project.create.labelStatus;label-customer.name=project.create.labelCustomer;label-customer.address=project.create.labelCustomerAddress;label-businessprovider=project.create.labelBusinessprovider;multiple-businessprovider-add-label=project.create.labelBusinessproviderAdd;multiple-businessprovider-remove-label=project.create.labelBusinessproviderRemove;label-name=project.create.labelName;label-description=project.create.labelDescription;label-captain=project.create.labelCaptain;label-help=project.create.descriptionHelp;submit-button=project.create.buttonSubmit' data-trans='label-status=project.create.labelStatus;label-customer.name=project.create.labelCustomer;label-customer.address=project.create.labelCustomerAddress;label-businessprovider=project.create.labelBusinessprovider;multiple-businessprovider-add-label=project.create.labelBusinessproviderAdd;multiple-businessprovider-remove-label=project.create.labelBusinessproviderRemove;label-name=project.create.labelName;label-description=project.create.labelDescription;label-captain=project.create.labelCaptain;label-help=project.create.descriptionHelp;submit-button=project.create.buttonSubmit'

View File

@ -25,6 +25,7 @@ div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespac
class-cell1="segment margin-bottom-medium third sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading" class-cell1="segment margin-bottom-medium third sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
submit-button="" submit-button=""
submit-widget="button" submit-widget="button"
class-submit-button="search-button segment sm-full text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-reversed color-secondary bordered children-icon-arrow-right-circle children-icon-small children-icon-margin-right-xsmall"
data-trans='label-cell1=project.list.searchBy;submit-button=goButton' data-trans='label-cell1=project.list.searchBy;submit-button=goButton'
) )

View File

@ -66,6 +66,7 @@ div.segment.full.padding-large.whitespace-normal
submit-button='' submit-button=''
submit-widget="button" submit-widget="button"
class-submit-button="submit-button segment sm-full margin-top-xsmall text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-reversed color-secondary bordered children-icon-rocket children-icon-small children-icon-margin-right-xsmall"
next=`${component.route}-information` next=`${component.route}-information`
data-trans='enum-status=hublStatus;label-status=circle.edit.labelStatus;label-community.community=circle.edit.labelCommunity;label-name=circle.edit.labelName;label-owner=circle.edit.labelOwner;label-description=circle.edit.labelDescription;submit-button=circle.edit.buttonSubmit;label-subtitle=circle.edit.labelSubtitle;label-help=circle.edit.descriptionHelp' data-trans='enum-status=hublStatus;label-status=circle.edit.labelStatus;label-community.community=circle.edit.labelCommunity;label-name=circle.edit.labelName;label-owner=circle.edit.labelOwner;label-description=circle.edit.labelDescription;submit-button=circle.edit.buttonSubmit;label-subtitle=circle.edit.labelSubtitle;label-help=circle.edit.descriptionHelp'
@ -74,17 +75,18 @@ div.segment.full.padding-large.whitespace-normal
h3.segment.full.padding-bottom-small.border-bottom.border-color-grey.text-color-heading.text-bold.text-letter-spacing-large(data-trans='circle.edit.subTitle') h3.segment.full.padding-bottom-small.border-bottom.border-color-grey.text-color-heading.text-bold.text-letter-spacing-large(data-trans='circle.edit.subTitle')
solid-ac-checker(permission='acl:Append', bind-resources, nested-field='members') solid-ac-checker(permission='acl:Append', bind-resources, nested-field='members')
solid-form.segment.block.margin-bottom-xlarge.form( solid-form.segment.block.whitespace-normal.margin-bottom-xlarge.form(
bind-resources bind-resources
nested-field='members' nested-field='members'
fields='user' fields='user'
range-user=`${component.endpoints.users}` range-user=`${component.endpoints.users}`
class-user='add-member' class-user='segment block margin-bottom'
widget-user='solid-form-dropdown-autocompletion' widget-user='solid-form-dropdown-autocompletion'
submit-button='' submit-button=''
submit-widget="button" submit-widget="button"
class-submit-button="add-member-button segment sm-full margin-top-xsmall text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-color-secondary bordered"
data-trans='submit-button=circle.edit.buttonAddMember' data-trans='submit-button=circle.edit.buttonAddMember'
) )

View File

@ -3,14 +3,15 @@
div.padding-top-xxsmall.margin-left-xsmall.margin-right-xsmall.sm-padding-none.sm-margin-none.sm-margin-right-xsmall.sm-margin-left-xsmall div.padding-top-xxsmall.margin-left-xsmall.margin-right-xsmall.sm-padding-none.sm-margin-none.sm-margin-right-xsmall.sm-margin-left-xsmall
div.segment.quarter.sm-full div.segment.quarter.sm-full
solid-form-search.form.search-form.search-button( solid-form-search.form.search-form.sm-whitespace-normal(
id=`communities-filter` id=`communities-filter`
fields='name' fields='name'
placeholder-name='' placeholder-name=''
widget-name='solid-form-placeholder-text' widget-name='solid-form-placeholder-text'
class-name="segment margin-bottom-medium sm-margin-bottom-none full sm-full padding-right-small sm-padding-none text-small input-bg-white children-shadow" class-name="segment margin-bottom-medium full sm-full padding-right-small sm-padding-none text-small input-bg-white children-shadow"
submit-button="" submit-button=""
submit-widget="button" submit-widget="button"
class-submit-button="search-button segment sm-full text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-color-secondary bordered children-icon-arrow-right-circle children-icon-small children-icon-margin-right-xsmall"
data-trans='placeholder-name=communities.list.searchBy;submit-button=communities.list.searchButton' data-trans='placeholder-name=communities.list.searchBy;submit-button=communities.list.searchButton'
) )
div.segment.sm-full.text-right(style='float:right') div.segment.sm-full.text-right(style='float:right')

View File

@ -58,6 +58,7 @@ div.bg-color-white
submit-button="" submit-button=""
submit-widget="button" submit-widget="button"
class-submit-button="submit-button segment sm-full margin-top-xsmall text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-reversed color-secondary bordered children-icon-rocket children-icon-small children-icon-margin-right-xsmall"
data-trans="label-logo=communities.edit.labelLogo;label-profile.shortDescription=communities.edit.labelShortDescription;label-profile.description=communities.edit.labelDescription;label-profile.phone=communities.edit.labelPhone;label-profile.tweeter=communities.edit.labelTwitter;label-profile.facebook=communities.edit.labelFacebook;label-profile.linkedin=communities.edit.labelLinkedin;label-profile.instagram=communities.edit.labelInstagram;submit-button=communities.edit.buttonSubmit" data-trans="label-logo=communities.edit.labelLogo;label-profile.shortDescription=communities.edit.labelShortDescription;label-profile.description=communities.edit.labelDescription;label-profile.phone=communities.edit.labelPhone;label-profile.tweeter=communities.edit.labelTwitter;label-profile.facebook=communities.edit.labelFacebook;label-profile.linkedin=communities.edit.labelLinkedin;label-profile.instagram=communities.edit.labelInstagram;submit-button=communities.edit.buttonSubmit"
) )
@ -87,6 +88,7 @@ div.bg-color-white
submit-button="" submit-button=""
submit-widget="button" submit-widget="button"
class-submit-button="submit-button segment sm-full margin-top-xsmall text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-reversed color-secondary bordered children-icon-rocket children-icon-small children-icon-margin-right-xsmall"
data-trans="label-profile.picture1=communities.edit.labelPicture1;label-profile.picture2=communities.edit.labelPicture2;label-profile.picture3=communities.edit.labelPicture3;submit-button=communities.edit.buttonSubmit" data-trans="label-profile.picture1=communities.edit.labelPicture1;label-profile.picture2=communities.edit.labelPicture2;label-profile.picture3=communities.edit.labelPicture3;submit-button=communities.edit.buttonSubmit"
) )

View File

@ -3,16 +3,17 @@
div.mobile-map-search-field.padding-top-xxsmall.margin-left-xsmall.margin-right-xsmall.sm-padding-none.sm-margin-none.sm-margin-right-xsmall.sm-margin-left-xsmall div.mobile-map-search-field.padding-top-xxsmall.margin-left-xsmall.margin-right-xsmall.sm-padding-none.sm-margin-none.sm-margin-right-xsmall.sm-margin-left-xsmall
div.segment.quarter.sm-full div.segment.quarter.sm-full
solid-form-search.form.search-form.search-button( solid-form-search.form.search-form.sm-whitespace-normal(
id=`communities-filter-map` id=`communities-filter-map`
fields='filter' fields='filter'
search-filter='community.name, address_line1, address_line2' search-filter='community.name, address_line1, address_line2'
placeholder-filter='' placeholder-filter=''
widget-filter='solid-form-placeholder-text' widget-filter='solid-form-placeholder-text'
class-filter="segment margin-bottom-medium sm-margin-bottom-none full sm-full padding-right-small sm-padding-none text-small input-bg-white children-shadow" class-filter="segment margin-bottom-medium full sm-full padding-right-small sm-padding-none text-small input-bg-white children-shadow"
submit-button="" submit-button=""
submit-widget="button" submit-widget="button"
class-submit-button="search-button segment sm-full text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-color-secondary bordered children-icon-arrow-right-circle children-icon-small children-icon-margin-right-xsmall"
data-trans='placeholder-filter=communities.list.searchBy;submit-button=communities.list.searchButton' data-trans='placeholder-filter=communities.list.searchBy;submit-button=communities.list.searchButton'
) )
div.segment.sm-full.text-right(style='float:right') div.segment.sm-full.text-right(style='float:right')

View File

@ -59,6 +59,7 @@ div.segment.full.padding-large.whitespace-normal
submit-button='' submit-button=''
submit-widget="button" submit-widget="button"
class-submit-button="submit-button segment sm-full margin-top-xsmall text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-reversed color-secondary bordered children-icon-rocket children-icon-small children-icon-margin-right-xsmall"
next=`${component.route}-information` next=`${component.route}-information`
data-trans='label-name=project.edit.labelName;label-captain=project.edit.labelCaptain;label-customer.name=project.edit.labelCustomer;label-customer.address=project.edit.labelCustomerAddress;label-description=project.edit.labelDescription;label-help=project.edit.descriptionHelp;submit-button=project.edit.buttonSubmit' data-trans='label-name=project.edit.labelName;label-captain=project.edit.labelCaptain;label-customer.name=project.edit.labelCustomer;label-customer.address=project.edit.labelCustomerAddress;label-description=project.edit.labelDescription;label-help=project.edit.descriptionHelp;submit-button=project.edit.buttonSubmit'
@ -117,6 +118,7 @@ div.segment.full.padding-large.whitespace-normal
submit-button='' submit-button=''
submit-widget="button" submit-widget="button"
class-submit-button="segment children text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-color-secondary bordered"
data-trans='submit-button=project.edit.buttonAddBusinessProvider;placeholder-name=project.edit.businessTableHeader1;placeholder-fee=project.edit.businessTableHeader2' data-trans='submit-button=project.edit.buttonAddBusinessProvider;placeholder-name=project.edit.businessTableHeader1;placeholder-fee=project.edit.businessTableHeader2'
) )
@ -125,18 +127,19 @@ div.segment.full.padding-large.whitespace-normal
h3.segment.full.padding-bottom-small.border-bottom.border-color-grey.text-color-heading.text-bold.text-letter-spacing-large(data-trans='project.edit.subTitle') h3.segment.full.padding-bottom-small.border-bottom.border-color-grey.text-color-heading.text-bold.text-letter-spacing-large(data-trans='project.edit.subTitle')
solid-ac-checker(permission='acl:Append', bind-resources, nested-field='members') solid-ac-checker(permission='acl:Append', bind-resources, nested-field='members')
solid-form.segment.block.margin-bottom-xlarge.form( solid-form.segment.block.margin-bottom-xlarge.sm-whitespace-normal.form(
bind-resources bind-resources
nested-field='members' nested-field='members'
fields='user' fields='user'
range-user=`${component.endpoints.users}` range-user=`${component.endpoints.users}`
class-user='add-member whitespace-normal' class-user='add-member'
label-user='' label-user=''
widget-user='solid-form-dropdown-autocompletion' widget-user='solid-form-dropdown-autocompletion'
submit-button='' submit-button=''
submit-widget="button" submit-widget="button"
class-submit-button="add-member-button segment sm-full margin-top-xsmall text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-color-secondary bordered"
data-trans='submit-button=project.edit.buttonAddMember' data-trans='submit-button=project.edit.buttonAddMember'
) )

View File

@ -65,7 +65,7 @@ div(
solid-widget(name=`hubl-project-leave-button-${component.uniq}`) solid-widget(name=`hubl-project-leave-button-${component.uniq}`)
template template
solid-delete( 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-src="${src}"
data-label='' data-label=''
data-trans='data-label=project.profile.buttonQuit' data-trans='data-label=project.profile.buttonQuit'