Skip to content

Buttons UI #41

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
hadihakim wants to merge 12 commits into
base: master
Choose a base branch
from
Open

Buttons UI #41

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
e179c82
Buttons UI
hadihakim Sep 16, 2022
ca33738
Merge pull request #1 from hadihakim/hadi
hadihakim Sep 16, 2022
97139c5
add safe area for buttons container
hadihakim Sep 16, 2022
79ae84a
Merge pull request #2 from hadihakim/hadi
hadihakim Sep 16, 2022
f437d03
buttons standards
hadihakim Sep 19, 2022
15c2c54
delete zip
hadihakim Sep 19, 2022
27b61b6
fix
hadihakim Sep 19, 2022
e32a36b
delete zip
hadihakim Sep 19, 2022
bbf5480
Merge pull request #3 from hadihakim/hadi
hadihakim Sep 19, 2022
8acc172
fix color
hadihakim Sep 19, 2022
fddd54e
delete zip
hadihakim Sep 19, 2022
bbce4b9
Merge pull request #4 from hadihakim/hadi
hadihakim Sep 19, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
75 changes: 75 additions & 0 deletions widget/assets/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -187,3 +187,78 @@
left: 0;
top: 0;
}


.wdg-btn {
width: 50%;
display: inline-flex;
min-height: 40px;
min-width: 4rem;
box-sizing: border-box;
border-radius: 4px;
cursor: pointer;
margin: 0;
padding: 6px 12px;
outline: 0;
position: relative;
align-items: center;
justify-content: center;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-moz-appearance: none;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
}

.wdgbtn-label {
font-size: 14px;
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-decoration: none;
margin: 0 !important
}


.wdg-btn:hover {
box-shadow: 0px 3px 1px -3px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0,0,0,.12);
transition: box-shadow 20ms cubic-bezier(0.4, 0, 0.2, 1);
}

.submitReview {
display: flex;
column-gap: 1rem;
padding: 0 0 0 1rem !important;
position: absolute !important;
bottom: 1.5rem;
}

html[safe-area="true"] .submitReview {
bottom: calc(1.5rem + constant(safe-area-inset-bottom)) !important;
bottom: calc(1.5rem + env(safe-area-inset-bottom)) !important;
}


.btnCancelReview {
background-color: var(--bf-theme-background) !important;
color: var(--bf-theme-danger) !important;
border: 1px solid var(--bf-theme-danger) !important;
}

.btnSubmitReview, .firstSubmission {
border: none;
background-color: var(--bf-theme-success) !important;
color: #fff !important;
}

.white {
color: #fff !important;
}


.inline-block {
display: inline-block !important;
}
6 changes: 3 additions & 3 deletions widget/templates/submit.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,9 +30,9 @@
</div>
</div>
<hr class="none">
<div class="col-xs-12 pull-left text-center">
<input type="button" class="submit btn btn-success padding-left-thirty padding-right-thirty" ng-click="WidgetSubmit.save()" value="Submit Review" ng-disabled="WidgetSubmit.disabled"></br></br>
<input type="button" class="submit btn btn-danger padding-left-thirty padding-right-thirty" ng-click="WidgetSubmit.cancel()" value="Cancel">
<div class="col-xs-12 submitReview pull-left text-center">
<input type="button" class="btnCancelReview wdg-btn wdgbtn-label inline-block" ng-click="WidgetSubmit.cancel()" value="Cancel" readonly>
<input type="button" class="btnSubmitReview wdg-btn wdgbtn-label inline-block" ng-click="WidgetSubmit.save()" value="Submit Review" ng-disabled="WidgetSubmit.disabled" readonly></br></br>
<!--<a class="submit btn btn-success padding-left-thirty padding-right-thirty" ng-click="WidgetSubmit.update()" ng-if="WidgetSubmit.isUpdate">Update Review</a>-->
</div>

Expand Down
2 changes: 1 addition & 1 deletion widget/templates/wall.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@
</div>
<!--<a class="btn btn-success btn-sm" ng-if="WidgetWall.noReviews && WidgetWall.reviews" ng-click="WidgetWall.submitReview()">Submit Review</a>-->
<!--<a class="btn btn-success btn-sm" ng-if="!WidgetWall.noReviews && WidgetWall.reviews" ng-click="WidgetWall.submitReview()">Write a Review</a>-->
<a class="btn btn-success btn-sm" ng-if="WidgetWall.reviews" ng-click="WidgetWall.submitReview()">{{WidgetWall.reviewButtonText}}</a>
<a class="wdg-btn firstSubmission wdgbtn-label" ng-if="WidgetWall.reviews" ng-click="WidgetWall.submitReview()"><p class="white wdgbtn-label">{{WidgetWall.reviewButtonText}}</p></a>
<!--<a class="btn btn-success btn-sm" ng-if="!WidgetWall.noReviews && WidgetWall.reviews" ng-click="WidgetWall.submitReview()">Write a Review</a>-->

<!--<a class="btn btn-success btn-sm" href="#/">Home</a>-->
Expand Down