Skip to content
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

62 - Improve the system mobile view #32

Merged
merged 33 commits into from
Dec 10, 2024
Merged

62 - Improve the system mobile view #32

Show file tree
Hide file tree
Changes from 21 commits
Commits
Show all changes
33 commits
Select commit Hold shift + click to select a range
0c33f81
Get the lighthouse logo and update the fjelltopp logo
Nov 28, 2024
007a90d
Fix margins, descriptions text align to justify and more ...
Nov 28, 2024
98d395e
View all button in /home is now #212121
Nov 28, 2024
bd6c39d
No padding between subscribe to updates and footer
Nov 28, 2024
ac69c3c
Categories margin are a bit off
Nov 28, 2024
6f2951f
Categories margin are a bit off
Nov 28, 2024
9480dc3
Updates for the search bar, order by dropdown, number of datasets found
Nov 29, 2024
d40f402
Dataset tabs and manage button look's messy
Nov 29, 2024
781fc73
Resource description better
Nov 29, 2024
24cc129
Hides resources list
Nov 29, 2024
895c356
Resource buttons are off
Nov 29, 2024
82a8f73
Requires more cleaning
Nov 29, 2024
0a7b178
Removed second drop down arrow
Nov 29, 2024
6209858
Removed a few classes in dms-main.css
Nov 29, 2024
4bac472
Fix facets not showing on mobile
Nov 29, 2024
298bf73
Fix container's mobile padding
Dec 4, 2024
48f27d7
Cleaned up
Dec 4, 2024
404748e
Cleaned up
Dec 4, 2024
f034ac4
Fix officedocs and pdf view icons
jonathansberry Dec 5, 2024
e0647ef
Mention lighthouse in footer funding comment
jonathansberry Dec 5, 2024
5969fc4
Darker promoted backgrounds
jonathansberry Dec 5, 2024
e5ba2a0
Fix review #1
Dec 6, 2024
4becf3c
Fix review #2
Dec 6, 2024
78e3020
cleaning
Dec 6, 2024
6921d28
cleaning
Dec 6, 2024
e489f2d
Fixing review #3
Dec 6, 2024
47c9c3e
Fix review #3
Dec 6, 2024
e8d4d50
Fix review #3
Dec 6, 2024
0859012
Fix review #3
Dec 6, 2024
06dbde8
Fix form control appearance
jonathansberry Dec 10, 2024
ccb868a
Fix file uploader
jonathansberry Dec 10, 2024
6c944da
Update file input component
jonathansberry Dec 10, 2024
fe803a7
Improve formatting of resource form
jonathansberry Dec 10, 2024
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
284 changes: 3 additions & 281 deletions ckanext/dms/assets/css/dms-main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3435,12 +3435,6 @@ input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
Expand Down Expand Up @@ -6056,137 +6050,7 @@ button.close {
border-color: transparent;
border-style: solid;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.42857143;
line-break: auto;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
font-size: 14px;
background-color: #ffffff;
background-clip: padding-box;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow,
.popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover > .arrow:after {
content: "";
border-width: 10px;
}
.popover.top > .arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999999;
border-top-color: rgba(0, 0, 0, 0.25);
border-bottom-width: 0;
}
.popover.top > .arrow:after {
bottom: 1px;
margin-left: -10px;
content: " ";
border-top-color: #ffffff;
border-bottom-width: 0;
}
.popover.right > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: #999999;
border-right-color: rgba(0, 0, 0, 0.25);
border-left-width: 0;
}
.popover.right > .arrow:after {
bottom: -10px;
left: 1px;
content: " ";
border-right-color: #ffffff;
border-left-width: 0;
}
.popover.bottom > .arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999999;
border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
top: 1px;
margin-left: -10px;
content: " ";
border-top-width: 0;
border-bottom-color: #ffffff;
}
.popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999999;
border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
right: 1px;
bottom: -10px;
content: " ";
border-right-width: 0;
border-left-color: #ffffff;
}
.popover-title {
padding: 8px 14px;
margin: 0;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}

.carousel {
position: relative;
}
Expand Down Expand Up @@ -10298,35 +10162,8 @@ h4 small {
.activity .load-less {
margin-bottom: 15px;
}
.popover {
width: 300px;
}
.popover .popover-title {
font-weight: bold;
margin-bottom: 0;
}
.popover p.about {
margin: 0 0 10px 0;
}
.popover .popover-close {
float: right;
text-decoration: none;
}
.popover .popover-content {
font-size: 14px;
line-height: 1.42857143;
color: #444444;
word-break: break-all;
}
.popover .popover-content dl {
margin: 0;
}
.popover .popover-content dl dd {
margin-left: 0;
margin-bottom: 10px;
}
.activity .item .icon {
background-color: #999999;
background-color: #999999;transition: opacity 0.15s linear;
}
.activity .item.failure .icon {
background-color: #b95252;
Expand Down Expand Up @@ -10423,36 +10260,7 @@ br.line-height2 {
.js .dropdown.open .dropdown-menu {
display: block;
}
#followee-filter .btn:before,
#followee-filter .btn:after {
display: table;
content: " ";
}
#followee-filter .btn:after {
clear: both;
}
#followee-filter .btn:before,
#followee-filter .btn:after {
display: table;
content: " ";
}
#followee-filter .btn:after {
clear: both;
}
#followee-filter .btn span,
#followee-filter .btn strong {
line-height: 1.5;
}
#followee-filter .btn span {
font-weight: normal;
}
#followee-filter .btn strong {
margin: 0 5px;
white-space: nowrap;
max-width: 90px;
overflow: hidden;
text-overflow: ellipsis;
}

.dashboard-context {
position: relative;
margin-bottom: 20px;
Expand All @@ -10473,92 +10281,6 @@ br.line-height2 {
height: 21px;
background: transparent url("../../../base/images/dashboard-followee-related.png");
}
.popover-followee .popover-title {
display: none;
}
.popover-followee .popover-content {
padding: 0;
border-radius: 3px;
}
.popover-followee .empty {
padding: 10px;
}
.popover-followee .popover-header {
background-color: whiteSmoke;
padding: 5px;
border-bottom: 1px solid #cccccc;
border-radius: 3px 3px 0 0;
}
.popover-followee .popover-header:before,
.popover-followee .popover-header:after {
display: table;
content: " ";
}
.popover-followee .popover-header:after {
clear: both;
}
.popover-followee .popover-header:before,
.popover-followee .popover-header:after {
display: table;
content: " ";
}
.popover-followee .popover-header:after {
clear: both;
}
.popover-followee .popover-header .input-group {
margin-bottom: 0;
}
.popover-followee .popover-header .input-group-addon,
.popover-followee .popover-header input {
margin: 0;
}
.popover-followee .popover-header .input-group-addon {
padding: 4px 8px 4px 12px;
border-right-width: 0;
border-radius: 100px 0 0 100px;
}
.popover-followee .popover-header input {
padding: 4px 12px 4px 8px;
font-size: 13px;
width: 227px;
border-radius: 0 100px 100px 0;
}
.popover-followee .nav {
padding: 0;
margin: 0;
max-height: 205px;
overflow: auto;
border-radius: 0 0 3px 3px;
}
.popover-followee .nav li {
float: none;
}
.popover-followee .nav li a {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 7px 10px 7px 15px;
margin: 0;
border-radius: 0;
}
.popover-followee .nav li a i {
background-color: #b30006;
color: #ffffff;
margin-right: 11px;
padding: 3px 5px;
line-height: 1;
border-radius: 100px;
-webkit-box-shadow: inset 0 1px 2x rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 2x rgba(0, 0, 0, 0.2);
}
.popover-followee .nav li a:hover i {
background-color: #000;
}
.popover-followee .nav li.active a i {
color: #b30006;
background-color: #ffffff;
}
.dashboard-me {
padding: 15px 15px 0 15px;
}
Expand Down
Loading
Loading